<template>
    <div class="flexbox com_box height_100">
        <PlayVideo />
        <AddMtVideo />
        <AddCaShen />
        <SetHeader @getHeaderData="getTableHeader" ref="headRef" />
        <ViewDamaInfo />
        <AddMaterialTag :taglist="tag_list" ref="addTag" />
         <LabelSettingDialog :taglist="tag_list" :ModuleName="ModuleName" ref="labelsetting" />
        <MaterialVersion ref="versionRef" @getVersion="getVersion" />
        <ViewAnalysis ref="anaRef" />
        <QuickTrim ref="quickRef" @openTrimTask="openTrimTask" />
        <TrimTask ref="trimRef" />
        <ExportTask ref="expRef" />
        <div class="person_left">
            <div class="flexbox flexcolumn height_100">
                <div class="person_header flexbox flexcenter flexjust">
                    <el-select v-model="queryInfo.channel" placeholder="请选择" @change="changeCatalogue" class="material_select">
                        <div slot="prefix" class="flexbox flexcenter">
                            <img src="../../assets/img/chanel_icon1.svg" alt="" v-if="queryInfo.channel==1">
                            <img src="../../assets/img/chanel_icon2.svg" alt="" v-else-if="queryInfo.channel==2">
                            <img src="../../assets/img/chanel_icon3.svg" alt="" v-else-if="queryInfo.channel==3">
                            <img src="../../assets/img/chanel_icon4.svg" alt="" v-else-if="queryInfo.channel==4">
                            <img src="../../assets/img/chanel_icon5.svg" alt="" v-else-if="queryInfo.channel==5">
                            <img src="../../assets/img/chanel_icon6.svg" alt="" v-else-if="queryInfo.channel==6">
                        </div>
                        <el-option v-for="item in channelList" :key="item.id" :label="item.nickname" :value="item.id">
                            <div class="flexbox flexcenter">
                                <img src="../../assets/img/chanel_icon1.svg" width="20" height="20" alt="" v-if="item.id==1">
                                <img src="../../assets/img/chanel_icon2.svg" width="20" height="20" alt="" v-else-if="item.id==2">
                                <img src="../../assets/img/chanel_icon3.svg" width="20" height="20" alt="" v-else-if="item.id==3">
                                <img src="../../assets/img/chanel_icon4.svg" width="20" height="20" alt="" v-else-if="item.id==4">
                                <img src="../../assets/img/chanel_icon5.svg" width="20" height="20" alt="" v-else-if="item.id==5">
                                <img src="../../assets/img/chanel_icon6.svg" width="20" height="20" alt="" v-else-if="item.id==6">
                                <div style="margin-left:8px">{{item.nickname}}</div>
                            </div>
                        </el-option>
                    </el-select>
                    <!-- <ul class="per_tab flexbox">
                        <li :class="{active:currActive==1}" @click="changeCatalogue(1)">千川</li>
                        <li :class="{active:currActive==2}" @click="changeCatalogue(2)">UD</li>
                        <li :class="{active:currActive==3}" @click="changeCatalogue(3)">巨量</li>
                        <li :class="{active:currActive==4}" @click="changeCatalogue(4)">腾讯</li>
                    </ul> -->
                </div>
                <div class="person_job flex1" v-loading="m_loading" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0)">
                    <div class="person_btn">
                        <el-input placeholder="请输入目录搜索" clearable prefix-icon="el-icon-search" v-model="catalogQuery">
                        </el-input>
                    </div>
                    <el-tree ref="tree" accordion :expand-on-click-node='true' :data="filteredData(catalogQuery,catalogData)" highlight-current :current-node-key="currentNodekey" @node-click="getTreeData" class="part_tree" node-key="id" :default-expanded-keys="isOpen" :props="defaultProps">
                        <div class="flexbox flexcenter flexbetween custom-tree-node" slot-scope="{ node }">
                            <div class="part_left flexbox flexcenter">
                                <img src="../../assets/img/tree_icon.svg" alt="" class="tree_icon" v-if="node.level==1">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" v-else-if="node.level==2">
                                    <path d="M1.99997 4.33333C1.99997 3.8731 2.37307 3.5 2.8333 3.5H7.91666L9.99999 6H17.0833C17.5436 6 17.9167 6.37308 17.9167 6.83333V16.1667C17.9167 16.6269 17.5436 17 17.0833 17H2.8333C2.37307 17 1.99997 16.6269 1.99997 16.1667V4.33333Z" fill="#95A5C9" fill-opacity="0.5" stroke="#95A5C9" stroke-linejoin="round" />
                                    <path d="M16.5 10H3.5" stroke="white" stroke-width="1.6" stroke-linejoin="round" />
                                </svg>
                                <span class="circle_mt" v-else-if="node.level==4"></span>
                                <span class="tree_title">{{node.label}}</span>
                            </div>
                        </div>
                    </el-tree>
                </div>
            </div>
        </div>
        <div class="person_right flexbox flexcolumn">
            <div class="mt_border">
                <div class="mr_header flexbox flexcenter flexbetween">
                    <div class="font_16 flexbox flexcenter">
                        <span>素材列表 </span>
                        <div v-if="queryInfo.channel == 4" style="margin-left:10px">
                            <el-radio-group v-model="p_type" size="small" @change="changeCatalogue(4)">
                            <el-radio-button :label="0">全部</el-radio-button>
                            <el-radio-button :label="1">新版</el-radio-button>
                            <el-radio-button :label="2">旧版</el-radio-button>
                            </el-radio-group>
                        </div>
                    </div>
                    <div class="flexbox flexcenter">
                        <!-- <el-tooltip content="数据统计" placement="top">
                            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="load_btn" @click="toVideoCount">
                                <path d="M12.4533 8C11.3734 8.44779 10.4016 9.10358 9.58776 9.91741C7.98891 11.5163 7 13.7251 7 16.1648C7 21.0444 10.9556 25 15.8352 25C18.2749 25 20.4837 24.0111 22.0826 22.4122C22.8964 21.5984 23.5522 20.6266 24 19.5467" stroke="#616C85" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M16 16H25C25 11.0294 20.9706 7 16 7V16Z" stroke="#616C85" stroke-width="2" stroke-linejoin="round" />
                            </svg>
                        </el-tooltip> -->
                        <!-- <el-tooltip content="大屏数据" placement="top">
                            <router-link :to="{path: '/videodata'}" target="_blank" style="font-size:0">
                                <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M14.1699 14.5502C14.2506 14.6746 14.358 14.7795 14.4843 14.8574C14.6105 14.9352 14.7525 14.984 14.8999 15.0002C15.048 15.0151 15.1976 14.9969 15.3377 14.9467C15.4779 14.8965 15.605 14.8157 15.7099 14.7102L16.8399 13.5702L18.1699 15.5702C18.2628 15.704 18.387 15.8132 18.5316 15.8881C18.6763 15.963 18.837 16.0015 18.9999 16.0002C19.1965 16.0024 19.3889 15.9429 19.5499 15.8302C19.7692 15.6835 19.9216 15.4563 19.974 15.1978C20.0265 14.9393 19.9747 14.6706 19.8299 14.4502L17.8299 11.4502C17.7492 11.3257 17.6419 11.2208 17.5156 11.1429C17.3894 11.0651 17.2474 11.0163 17.0999 11.0002C16.9519 10.9852 16.8023 11.0034 16.6622 11.0536C16.522 11.1038 16.3949 11.1846 16.2899 11.2902L15.1599 12.4302L13.8299 10.4302C13.7642 10.3075 13.6735 10.2 13.5638 10.1144C13.4541 10.0288 13.3278 9.96707 13.1928 9.9331C13.0579 9.89914 12.9174 9.8937 12.7802 9.91715C12.6431 9.94059 12.5123 9.9924 12.3963 10.0693C12.2803 10.1461 12.1817 10.2463 12.1066 10.3635C12.0316 10.4807 11.9818 10.6122 11.9605 10.7497C11.9392 10.8872 11.9468 11.0276 11.9829 11.162C12.0189 11.2964 12.0827 11.4218 12.1699 11.5302L14.1699 14.5502ZM24.9999 18.0002H23.9999V8.00015H24.9999C25.2652 8.00015 25.5195 7.8948 25.707 7.70726C25.8946 7.51972 25.9999 7.26537 25.9999 7.00015C25.9999 6.73494 25.8946 6.48058 25.707 6.29305C25.5195 6.10551 25.2652 6.00015 24.9999 6.00015H6.99994C6.73472 6.00015 6.48037 6.10551 6.29283 6.29305C6.1053 6.48058 5.99994 6.73494 5.99994 7.00015C5.99994 7.26537 6.1053 7.51972 6.29283 7.70726C6.48037 7.8948 6.73472 8.00015 6.99994 8.00015H7.99994V18.0002H6.99994C6.73472 18.0002 6.48037 18.1055 6.29283 18.293C6.1053 18.4806 5.99994 18.7349 5.99994 19.0002C5.99994 19.2654 6.1053 19.5197 6.29283 19.7073C6.48037 19.8948 6.73472 20.0002 6.99994 20.0002H14.9999V21.1502L10.4499 24.1502C10.2633 24.2657 10.1198 24.4395 10.0417 24.6446C9.9636 24.8498 9.95517 25.075 10.0177 25.2854C10.0803 25.4958 10.2104 25.6798 10.3879 25.809C10.5654 25.9382 10.7805 26.0054 10.9999 26.0002C11.1965 26.0024 11.3889 25.9429 11.5499 25.8302L14.9999 23.5502V25.0002C14.9999 25.2654 15.1053 25.5197 15.2928 25.7073C15.4804 25.8948 15.7347 26.0002 15.9999 26.0002C16.2652 26.0002 16.5195 25.8948 16.707 25.7073C16.8946 25.5197 16.9999 25.2654 16.9999 25.0002V23.5502L20.4499 25.8302C20.611 25.9429 20.8033 26.0024 20.9999 26.0002C21.2136 25.9985 21.4211 25.9285 21.592 25.8003C21.763 25.6722 21.8884 25.4926 21.9499 25.288C22.0114 25.0834 22.0057 24.8645 21.9338 24.6633C21.8618 24.4621 21.7273 24.2893 21.5499 24.1702L16.9999 21.1702V20.0002H24.9999C25.2652 20.0002 25.5195 19.8948 25.707 19.7073C25.8946 19.5197 25.9999 19.2654 25.9999 19.0002C25.9999 18.7349 25.8946 18.4806 25.707 18.293C25.5195 18.1055 25.2652 18.0002 24.9999 18.0002ZM21.9999 18.0002H9.99994V8.00015H21.9999V18.0002Z" fill="#616C85" />
                                </svg>
                            </router-link>
                        </el-tooltip> -->
                        <el-tooltip content="微调中心" placement="top">
                            <svg width="32" height="32" viewBox="0 0 32 32" class="load_btn" fill="none" xmlns="http://www.w3.org/2000/svg" @click="openTrimTask">
                                <rect x="8" y="8" width="16" height="16" rx="1" stroke="#616C85" stroke-width="2" />
                                <path d="M13 11L13 21M19 11L19 21" stroke="#616C85" stroke-width="2" stroke-linecap="round" />
                                <path d="M19 15.75C19.9665 15.75 20.75 14.9665 20.75 14C20.75 13.0335 19.9665 12.25 19 12.25C18.0335 12.25 17.25 13.0335 17.25 14C17.25 14.9665 18.0335 15.75 19 15.75Z" fill="white" stroke="#616C85" stroke-width="1.5" />
                                <path d="M13 19.75C13.9665 19.75 14.75 18.9665 14.75 18C14.75 17.0335 13.9665 16.25 13 16.25C12.0335 16.25 11.25 17.0335 11.25 18C11.25 18.9665 12.0335 19.75 13 19.75Z" fill="white" stroke="#616C85" stroke-width="1.5" />
                            </svg>
                        </el-tooltip>
                        <el-tooltip content="任务中心" placement="top">
                            <!-- <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="load_btn" @click="toLoadTask">
                                <path d="M9 10.5C9 9.94772 9.44772 9.5 10 9.5H22C22.5523 9.5 23 9.94772 23 10.5V24C23 24.5523 22.5523 25 22 25H10C9.44772 25 9 24.5523 9 24V10.5Z" stroke="#616C85" stroke-width="2" stroke-linecap="round" />
                                <path d="M12 8.5C12 7.94772 12.4477 7.5 13 7.5L19 7.5C19.5523 7.5 20 7.94772 20 8.5V10.5C20 11.0523 19.5523 11.5 19 11.5H13C12.4477 11.5 12 11.0523 12 10.5V8.5Z" fill="white" stroke="#616C85" stroke-width="2" stroke-linecap="round" />
                                <path d="M16 15V21M16 21L13.5 19M16 21L18.5 19" stroke="#616C85" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg> -->
                            <router-link :to="{path: '/loadtask'}" target="_blank" style="font-size:0">
                                <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="load_btn">
                                    <path d="M9 10.5C9 9.94772 9.44772 9.5 10 9.5H22C22.5523 9.5 23 9.94772 23 10.5V24C23 24.5523 22.5523 25 22 25H10C9.44772 25 9 24.5523 9 24V10.5Z" stroke="#616C85" stroke-width="2" stroke-linecap="round" />
                                    <path d="M12 8.5C12 7.94772 12.4477 7.5 13 7.5L19 7.5C19.5523 7.5 20 7.94772 20 8.5V10.5C20 11.0523 19.5523 11.5 19 11.5H13C12.4477 11.5 12 11.0523 12 10.5V8.5Z" fill="white" stroke="#616C85" stroke-width="2" stroke-linecap="round" />
                                    <path d="M16 15V21M16 21L13.5 19M16 21L18.5 19" stroke="#616C85" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                            </router-link>
                        </el-tooltip>
                        <el-tooltip content="项目素材汇集" placement="top">
                            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="load_btn" @click="openAllFill">
                                <path d="M9 10.5C9 9.94772 9.44772 9.5 10 9.5H22C22.5523 9.5 23 9.94772 23 10.5V24C23 24.5523 22.5523 25 22 25H10C9.44772 25 9 24.5523 9 24V10.5Z" stroke="#616C85" stroke-width="2" stroke-linecap="round" />
                                <path d="M12 8.5C12 7.94772 12.4477 7.5 13 7.5L19 7.5C19.5523 7.5 20 7.94772 20 8.5V10.5C20 11.0523 19.5523 11.5 19 11.5H13C12.4477 11.5 12 11.0523 12 10.5V8.5Z" fill="white" stroke="#616C85" stroke-width="2" stroke-linecap="round" />
                                <path d="M16 15V21M16 21L13.5 19M16 21L18.5 19" stroke="#616C85" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                        </el-tooltip>
                        <!-- <el-button plain size="small" class="plain_blue" @click="downloadFile" :disabled="down_loadding" style="margin-left:20px">
                            <div class="flexbox flexcenter flexjust">
                                <svg width="16" height="16" viewBox="0 0 16 16" stroke='#4475FF' class="stroke_svg btn_svg" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M14 9C14 10.875 12.6667 14 8 14C3.33333 14 2 10.875 2 9" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M14 9C14 10.875 12.6667 14 8 14C3.33333 14 2 10.875 2 9" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M8 2V11" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M8 2V11" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M4 6L8 2L12 6" stroke="#inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M4 6L8 2L12 6" stroke="#inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                                导出巨量纵横
                            </div>
                        </el-button> -->
                        <el-button plain size="small" class="plain_blue" @click="downloadNewsFile" :disabled="list_loadding" style="margin-left:12px">
                            <div class="flexbox flexcenter flexjust">
                                <svg width="16" height="16" viewBox="0 0 16 16" stroke='#4475FF' class="stroke_svg btn_svg" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M14 9C14 10.875 12.6667 14 8 14C3.33333 14 2 10.875 2 9" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M14 9C14 10.875 12.6667 14 8 14C3.33333 14 2 10.875 2 9" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M8 2V11" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M8 2V11" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M4 6L8 2L12 6" stroke="#inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M4 6L8 2L12 6" stroke="#inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                                导出{{filters.chanelName2(queryInfo.channel)}}分析
                                <!-- <template v-if="queryInfo.channel==1">{{chanelName2(queryInfo.channel)}}</template>
                                <template v-else-if="queryInfo.channel==2">UD</template>
                                <template v-else-if="queryInfo.channel==3">巨量</template>
                                <template v-else-if="queryInfo.channel==4">腾讯</template>
                                <template v-else-if="queryInfo.channel==5">Tiktok</template>
                                <template v-else-if="queryInfo.channel==6">京易投</template> -->
                                
                            </div>
                        </el-button>
                        <el-button plain size="small" class="plain_blue" @click="downloadAllFile" :disabled="all_loadding">
                            <div class="flexbox flexcenter flexjust">
                                <svg width="16" height="16" viewBox="0 0 16 16" stroke='#4475FF' class="stroke_svg btn_svg" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M14 9C14 10.875 12.6667 14 8 14C3.33333 14 2 10.875 2 9" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M14 9C14 10.875 12.6667 14 8 14C3.33333 14 2 10.875 2 9" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M8 2V11" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M8 2V11" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M4 6L8 2L12 6" stroke="#inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M4 6L8 2L12 6" stroke="#inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                                项目素材汇集
                            </div>
                        </el-button>
                        <el-button type="primary" icon="el-icon-circle-plus-outline" size="small" @click="addMtVedio">上传素材</el-button>
                    </div>
                </div>
                <div class="mt_head flexbox flexcenter flexbetween">
                    <div class="flexbox flexcenter">
                        <el-radio-group v-model="dataType" @change="selectDatatype" v-if="$route.query.egg == 1" size="mini" class="is_me">
                            <el-radio-button :label="1">千川分析</el-radio-button>
                            <el-radio-button :label="0">巨量纵横</el-radio-button>
                        </el-radio-group>
                        <!-- <el-tooltip class="item" effect="dark" content="" placement="bottom">
                            <div slot="content" style="font-size:12;color:#fff;line-height:18px;width:350px">
                                千川分析数据仅供参考。绩效统计将以巨量纵横的数据为准。
                            </div>
                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-left:5px;cursor:pointer;">
                                <circle cx="10" cy="10" r="8" fill="#CFD4DD" />
                                <path d="M7.39994 8.8544V8.9544H7.49994H8.74448H8.84448V8.8544C8.84448 8.40304 8.9303 8.06505 9.09801 7.83666L9.09808 7.83671L9.10032 7.83337C9.28302 7.56236 9.58377 7.42692 10.0436 7.42692C10.3967 7.42692 10.6621 7.52052 10.8451 7.70414C11.0208 7.89135 11.1226 8.15083 11.1226 8.49176C11.1226 8.7406 11.0343 8.98223 10.851 9.20803L10.7251 9.3559C10.3713 9.67381 10.0866 9.94944 9.87165 10.1838C9.65771 10.4171 9.50776 10.6151 9.43002 10.7769C9.2679 11.0923 9.20125 11.4719 9.20125 11.8984V12.0522V12.1522H9.30125H10.5567H10.6567V12.0522V11.8984C10.6567 11.6496 10.7079 11.4341 10.81 11.2286C10.9022 11.043 11.0355 10.8671 11.2214 10.7112L11.2214 10.7113L11.2232 10.7097C11.7459 10.2493 12.0675 9.9484 12.1706 9.83314L12.1709 9.8334L12.1762 9.82623C12.4532 9.4545 12.5999 8.98201 12.5999 8.41484C12.5999 7.72088 12.3728 7.16437 11.9115 6.75784C11.452 6.34177 10.8473 6.15 10.12 6.15C9.29227 6.15 8.63188 6.38707 8.13985 6.8706C7.63526 7.35566 7.39994 8.02186 7.39994 8.8544ZM10.584 13.1633L10.584 13.1632L10.5815 13.1609C10.3974 12.9879 10.1647 12.903 9.90169 12.903C9.63732 12.903 9.41597 12.9888 9.23278 13.1609C9.04607 13.3363 8.96107 13.5619 8.96107 13.8271C8.96107 14.0924 9.04607 14.318 9.23278 14.4934C9.41346 14.6632 9.63394 14.7623 9.90169 14.7623C10.166 14.7623 10.3874 14.6765 10.5706 14.5044C10.7559 14.3303 10.8532 14.0945 10.8532 13.8271C10.8532 13.5588 10.7553 13.3357 10.584 13.1633Z" fill="white" stroke="white" stroke-width="0.2" />
                            </svg>
                        </el-tooltip> -->
                        <div class="reset_btn" @click="resetScreen">重置</div>
                        <div class="rank_line"></div>
                        <img src="../../assets/img/down_icon.svg" alt="" class="rank_down" :class="{'rank_up':!showrank}" @click="showrank = !showrank">
                    </div>
                    <div class="flexbox flexcenter">
                        <div class="flexbox flexcenter drop_box">
                            <span class="drop_title">上传时间</span>
                        </div>
                        <div class="icon_btn icon_btn_32" style="margin-left:10px" @click="sortFun('desc')" v-if="queryInfo.order==''|| queryInfo.order=='asc'"><img src="../../assets/img/rank_icon.svg" alt=""></div>
                        <div class="icon_btn icon_btn_32 rote_180" style="margin-left:10px" @click="sortFun('asc')" v-else><img src="../../assets/img/rank_icon.svg" alt=""></div>
                    </div>
                </div>
                <div class="sch_hight flexbox" v-if="showrank">
                    <div class="flexbox flexcenter max_width">
                        <template v-if="addrank[0].check">
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(0,'duration',1)"></span> -->
                                    <span class="drop_text">时长</span>
                                    <span class="drop_title">{{duration_text.length>0?duration_text.toString():'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <div class="dropdown_hascheck flexbox flexcenter">
                                        <span class="hascheck_num" :class="{'hascheck_num_color':duration_text.length>0}">已选 {{duration_text.length}} 项</span>
                                        <div class="rank_line" style="margin:0 10px"></div>
                                        <el-link type="primary" :underline="false" @click="clearFilter('duration_text','duration','duration_val')" v-if="duration_text.length>0">清除已选</el-link>
                                    </div>
                                    <el-radio-group v-model="duration_val" class="check_style" @change="changeDuration">
                                        <el-radio :label="item.id" v-for="(item,index) in durationList" :key="index">
                                            <span class="el_check_title">{{item.nickname}}</span>
                                            <span class="el-icon-check el_check_icon"></span>
                                        </el-radio>
                                    </el-radio-group>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[1].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(1,'reject',2)"></span> -->
                                    <span class="drop_text">审核状态</span>
                                    <span class="drop_title">{{queryInfo.reject !==''?repeatSinge(cashenList,queryInfo.reject,'id','nickname'):'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <div class="dropdown_hascheck flexbox flexcenter">
                                        <span class="hascheck_num" :class="{'hascheck_num_color':queryInfo.reject !==''}">已选 {{queryInfo.reject !==''?'1':'0'}} 项</span>
                                        <div class="rank_line" style="margin:0 10px"></div>
                                        <el-link type="primary" :underline="false" @click="clearQuery('reject',2)" v-if="queryInfo.reject !==''">清除已选</el-link>
                                    </div>
                                    <el-radio-group v-model="queryInfo.reject" class="check_style" @change="getDataList(1)">
                                        <el-radio :label="item.id" v-for="(item,index) in cashenList" :key="index">
                                            <span class="el_check_title">{{item.nickname}}</span>
                                            <span class="el-icon-check el_check_icon"></span>
                                        </el-radio>
                                    </el-radio-group>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[2].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(2,'size',1)"></span> -->
                                    <span class="drop_text">尺寸</span>
                                    <span class="drop_title">{{size_text.length>0?size_text.toString():'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <div class="dropdown_hascheck flexbox flexcenter">
                                        <span class="hascheck_num" :class="{'hascheck_num_color':size_text.length>0}">已选 {{size_text.length}} 项</span>
                                        <div class="rank_line" style="margin:0 10px"></div>
                                        <el-link type="primary" :underline="false" @click="clearFilter('size_text','size','size_val')" v-if="size_text.length>0">清除已选</el-link>
                                    </div>
                                    <el-checkbox-group v-model="size_val" class="check_style" @change="selectText()">
                                        <el-checkbox :label="item.id" v-for="item in sizeList" :key='item.id'>
                                            <span class="el_check_title">{{item.nickname}}</span>
                                            <span class="el-icon-check el_check_icon"></span>
                                        </el-checkbox>
                                    </el-checkbox-group>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[3].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(3,'tag',1)"></span> -->
                                    <span class="drop_text">标签</span>
                                    <span class="drop_title">{{tag_text.length>0?tag_text.toString():'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <el-input v-model="tagQuery" clearable placeholder="请输入内容" prefix-icon="el-icon-search" style="width:180px" size="small" class="dropdown_input"></el-input>
                                    <div class="dropdown_hascheck flexbox flexcenter">
                                        <span class="hascheck_num" :class="{'hascheck_num_color':tag_text.length>0}">已选 {{tag_text.length}} 项</span>
                                        <div class="rank_line" style="margin:0 10px"></div>
                                        <el-link type="primary" :underline="false" @click="clearFilter('tag_text','tag')" v-if="tag_text.length>0">清除已选</el-link>
                                    </div>
                                    <el-checkbox-group v-model="queryInfo.tag" class="check_style" @change="selectText2(tag_list,queryInfo.tag,'tag_text','name')">
                                        <el-checkbox :label="item.id" v-for="item in filteredData(tagQuery,tag_list,'name')" :key='item.id'>
                                            <span class="el_check_title">{{item.name}}</span>
                                            <span class="el-icon-check el_check_icon"></span>
                                        </el-checkbox>
                                    </el-checkbox-group>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[4].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(4,'business_scene',1)"></span> -->
                                    <span class="drop_text">业务场景</span>
                                    <span class="drop_title">{{queryInfo.business_scene.length>0?repeatFind(queryInfo.business_scene,businessList,'id','nickname'):'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <div class="dropdown_hascheck flexbox flexcenter">
                                        <span class="hascheck_num" :class="{'hascheck_num_color':queryInfo.business_scene.length>0}">已选 {{queryInfo.business_scene.length}} 项</span>
                                        <div class="rank_line" style="margin:0 10px"></div>
                                        <el-link type="primary" :underline="false" @click="clearQuery('business_scene',1)" v-if="queryInfo.business_scene.length>0">清除已选</el-link>
                                    </div>
                                    <el-checkbox-group v-model="queryInfo.business_scene" class="check_style" @change="getDataList(1)">
                                        <el-checkbox :label="item.id" v-for="item in businessList" :key='item.id'>
                                            <span class="el_check_title">{{item.nickname}}</span>
                                            <span class="el-icon-check el_check_icon"></span>
                                        </el-checkbox>
                                    </el-checkbox-group>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[5].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(5,'area',2)"></span> -->
                                    <span class="drop_text">归属</span>
                                    <span class="drop_title">{{queryInfo.area!==''?repeatSinge(areaList,queryInfo.area,'id','nickname'):'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <div class="dropdown_hascheck flexbox flexcenter">
                                        <span class="hascheck_num" :class="{'hascheck_num_color':queryInfo.area!==''}">已选 {{queryInfo.area!==''?'1':'0'}} 项</span>
                                        <div class="rank_line" style="margin:0 10px"></div>
                                        <el-link type="primary" :underline="false" @click="clearQuery('area',2)" v-if="queryInfo.area!==''">清除已选</el-link>
                                    </div>
                                    <el-radio-group v-model="queryInfo.area" class="check_style" @change="getDataList(1)">
                                        <el-radio :label="item.id" v-for="(item,index) in areaList" :key="index">
                                            <span class="el_check_title">{{item.nickname}}</span>
                                            <span class="el-icon-check el_check_icon"></span>
                                        </el-radio>
                                    </el-radio-group>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[6].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(6,'editor_uid',1)"></span> -->
                                    <span class="drop_text">剪辑</span>
                                    <span class="drop_title">{{queryInfo.editor_uid.length>0?repeatFind(queryInfo.editor_uid,roleList,'id','nickname'):'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <el-input v-model="editQuery" clearable placeholder="请输入内容" prefix-icon="el-icon-search" style="width:180px" size="small" class="dropdown_input"></el-input>
                                    <div class="dropdown_hascheck flexbox flexcenter">
                                        <span class="hascheck_num" :class="{'hascheck_num_color':queryInfo.editor_uid.length>0}">已选 {{queryInfo.editor_uid.length}} 项</span>
                                        <div class="rank_line" style="margin:0 10px"></div>
                                        <el-link type="primary" :underline="false" @click="clearQuery('editor_uid',1)" v-if="queryInfo.editor_uid.length>0">清除已选</el-link>
                                    </div>
                                    <el-checkbox-group v-model="queryInfo.editor_uid" class="check_style" @change="getDataList(1)">
                                        <el-checkbox :label="item.id" v-for="(item,index) in filterRank(editQuery,roleList,'nickname')" :key="index">
                                            <span class="el_check_title">{{item.nickname}}</span>
                                            <span class="el-icon-check el_check_icon"></span>
                                        </el-checkbox>
                                    </el-checkbox-group>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[7].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(7,'photographer_uid',2)"></span> -->
                                    <span class="drop_text">拍摄</span>
                                    <span class="drop_title">{{queryInfo.photographer_uid!==''?repeatSinge(roleList,queryInfo.photographer_uid,'id','nickname'):'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <el-input v-model="phoQuery" clearable placeholder="请输入内容" prefix-icon="el-icon-search" style="width:180px" size="small" class="dropdown_input"></el-input>
                                    <div class="dropdown_hascheck flexbox flexcenter">
                                        <span class="hascheck_num" :class="{'hascheck_num_color':queryInfo.photographer_uid!==''}">已选 {{queryInfo.photographer_uid!==''?'1':'0'}}项</span>
                                        <div class="rank_line" style="margin:0 10px"></div>
                                        <el-link type="primary" :underline="false" @click="clearQuery('photographer_uid',2)" v-if="queryInfo.photographer_uid!==''">清除已选</el-link>
                                    </div>
                                    <el-radio-group v-model="queryInfo.photographer_uid" class="check_style" @change="getDataList(1)">
                                        <el-radio :label="item.id" v-for="(item,index) in filterRank(phoQuery,roleList,'nickname')" :key="index">
                                            <span class="el_check_title">{{item.nickname}}</span>
                                            <span class="el-icon-check el_check_icon"></span>
                                        </el-radio>
                                    </el-radio-group>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[8].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(8,'director_uid',2)"></span> -->
                                    <span class="drop_text">编导</span>
                                    <span class="drop_title">{{queryInfo.director_uid!==''?repeatSinge(roleList,queryInfo.director_uid,'id','nickname'):'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <el-input v-model="dirQuery" clearable placeholder="请输入内容" prefix-icon="el-icon-search" style="width:180px" size="small" class="dropdown_input"></el-input>
                                    <div class="dropdown_hascheck flexbox flexcenter">
                                        <span class="hascheck_num" :class="{'hascheck_num_color':queryInfo.director_uid!==''}">已选 {{queryInfo.director_uid!==''?'1':'0'}}项</span>
                                        <div class="rank_line" style="margin:0 10px"></div>
                                        <el-link type="primary" :underline="false" @click="clearQuery('director_uid',2)" v-if="queryInfo.director_uid!==''">清除已选</el-link>
                                    </div>
                                    <el-radio-group v-model="queryInfo.director_uid" class="check_style" @change="getDataList(1)">
                                        <el-radio :label="item.id" v-for="(item,index) in filterRank(dirQuery,roleList,'nickname')" :key="index">
                                            <span class="el_check_title">{{item.nickname}}</span>
                                            <span class="el-icon-check el_check_icon"></span>
                                        </el-radio>
                                    </el-radio-group>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[9].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(9,'brand_name',2)"></span> -->
                                    <span class="drop_text">品牌</span>
                                    <span class="drop_title">{{queryInfo.brand_name!==''?queryInfo.brand_name:'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <el-input v-model="queryInfo.brand_name" @change="getDataList(1)" clearable placeholder="请输入品牌名称" prefix-icon="el-icon-search" style="width:180px" size="small" class="dropdown_input"></el-input>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[10].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(10,'product_name',2)"></span> -->
                                    <span class="drop_text">产品</span>
                                    <span class="drop_title">{{queryInfo.product_name!==''?queryInfo.product_name:'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <el-input v-model="queryInfo.product_name" @change="getDataList(1)" clearable placeholder="请输入产品名称" prefix-icon="el-icon-search" style="width:180px" size="small" class="dropdown_input"></el-input>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[11].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(11,'material_type',2)"></span> -->
                                    <span class="drop_text">来源</span>
                                    <span class="drop_title">{{queryInfo.material_type!==''?repeatSinge(sourceList,queryInfo.material_type,'id','nickname'):'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <div class="dropdown_hascheck flexbox flexcenter">
                                        <span class="hascheck_num" :class="{'hascheck_num_color':queryInfo.material_type!==''}">已选 {{queryInfo.material_type!==''?'1':'0'}} 项</span>
                                        <div class="rank_line" style="margin:0 10px"></div>
                                        <el-link type="primary" :underline="false" @click="clearQuery('material_type',2)" v-if="queryInfo.material_type!==''">清除已选</el-link>
                                    </div>
                                    <el-radio-group v-model="queryInfo.material_type" class="check_style" @change="getDataList(1)">
                                        <el-radio :label="item.id" v-for="(item,index) in sourceList" :key="index">
                                            <span class="el_check_title">{{item.nickname}}</span>
                                            <span class="el-icon-check el_check_icon"></span>
                                        </el-radio>
                                    </el-radio-group>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[12].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(12,'autoadjust',2)"></span> -->
                                    <span class="drop_text">快速微调</span>
                                    <span class="drop_title">{{queryInfo.autoadjust !==''?repeatSinge(adjustList,queryInfo.autoadjust,'id','nickname'):'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <div class="dropdown_hascheck flexbox flexcenter">
                                        <span class="hascheck_num" :class="{'hascheck_num_color':queryInfo.autoadjust !==''}">已选 {{queryInfo.autoadjust !==''?'1':'0'}} 项</span>
                                        <div class="rank_line" style="margin:0 10px"></div>
                                        <el-link type="primary" :underline="false" @click="clearQuery('autoadjust',2)" v-if="queryInfo.autoadjust !==''">清除已选</el-link>
                                    </div>
                                    <el-radio-group v-model="queryInfo.autoadjust" class="check_style" @change="getDataList(1)">
                                        <el-radio :label="item.id" v-for="(item,index) in adjustList" :key="index">
                                            <span class="el_check_title">{{item.nickname}}</span>
                                            <span class="el-icon-check el_check_icon"></span>
                                        </el-radio>
                                    </el-radio-group>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[13].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(13,'first_publish',2)"></span> -->
                                    <span class="drop_text">首发</span>
                                    <span class="drop_title">{{queryInfo.first_publish !==''?repeatSinge(isList,queryInfo.first_publish,'id','nickname'):'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <div class="dropdown_hascheck flexbox flexcenter">
                                        <span class="hascheck_num" :class="{'hascheck_num_color':queryInfo.first_publish !==''}">已选 {{queryInfo.first_publish !==''?'1':'0'}} 项</span>
                                        <div class="rank_line" style="margin:0 10px"></div>
                                        <el-link type="primary" :underline="false" @click="clearQuery('first_publish',2)" v-if="queryInfo.first_publish !==''">清除已选</el-link>
                                    </div>
                                    <el-radio-group v-model="queryInfo.first_publish" class="check_style" @change="getDataList(1)">
                                        <el-radio :label="item.id" v-for="(item,index) in isList" :key="index">
                                            <span class="el_check_title">{{item.nickname}}</span>
                                            <span class="el-icon-check el_check_icon"></span>
                                        </el-radio>
                                    </el-radio-group>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[14].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(14,'high_quality',2)"></span> -->
                                    <span class="drop_text">优质</span>
                                    <span class="drop_title">{{queryInfo.high_quality !==''?repeatSinge(isList,queryInfo.high_quality,'id','nickname'):'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <div class="dropdown_hascheck flexbox flexcenter">
                                        <span class="hascheck_num" :class="{'hascheck_num_color':queryInfo.high_quality !==''}">已选 {{queryInfo.high_quality !==''?'1':'0'}} 项</span>
                                        <div class="rank_line" style="margin:0 10px"></div>
                                        <el-link type="primary" :underline="false" @click="clearQuery('high_quality',2)" v-if="queryInfo.high_quality !==''">清除已选</el-link>
                                    </div>
                                    <el-radio-group v-model="queryInfo.high_quality" class="check_style" @change="getDataList(1)">
                                        <el-radio :label="item.id" v-for="(item,index) in isList" :key="index">
                                            <span class="el_check_title">{{item.nickname}}</span>
                                            <span class="el-icon-check el_check_icon"></span>
                                        </el-radio>
                                    </el-radio-group>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[15].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(15,'low_efficiency',2)"></span> -->
                                    <span class="drop_text">低效</span>
                                    <span class="drop_title">{{queryInfo.low_efficiency !==''?repeatSinge(isList,queryInfo.low_efficiency,'id','nickname'):'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                    <div class="dropdown_hascheck flexbox flexcenter">
                                        <span class="hascheck_num" :class="{'hascheck_num_color':queryInfo.low_efficiency !==''}">已选 {{queryInfo.low_efficiency !==''?'1':'0'}} 项</span>
                                        <div class="rank_line" style="margin:0 10px"></div>
                                        <el-link type="primary" :underline="false" @click="clearQuery('low_efficiency',2)" v-if="queryInfo.low_efficiency !==''">清除已选</el-link>
                                    </div>
                                    <el-radio-group v-model="queryInfo.low_efficiency" class="check_style" @change="getDataList(1)">
                                        <el-radio :label="item.id" v-for="(item,index) in isList" :key="index">
                                            <span class="el_check_title">{{item.nickname}}</span>
                                            <span class="el-icon-check el_check_icon"></span>
                                        </el-radio>
                                    </el-radio-group>
                                </el-dropdown-menu>
                            </el-dropdown>
                        </template>
                        <template v-if="addrank[16].check">
                            <div class="rank_line"></div>
                            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                                <div class="flexbox flexcenter drop_box drop_hover">
                                    <!-- <span class="close_drop el-icon-error" @click.stop="deletRank(16,'fission_type',1)"></span> -->
                                    <span class="drop_text">裂变类型</span>
                                    <span class="drop_title">{{queryInfo.fission_type !==''?repeatSinge(fissionList,queryInfo.fission_type,'id','nickname'):'全部'}}</span>
                                    <span class="el-icon-caret-bottom"></span>
                                </div>
                                <el-dropdown-menu slot="dropdown">
                                
                                    <div class="dropdown_hascheck flexbox flexcenter">
                                        <span class="hascheck_num" :class="{'hascheck_num_color':queryInfo.fission_type !==''}">已选 {{queryInfo.fission_type !==''?'1':'0'}} 项</span>
                                        <div class="rank_line" style="margin:0 10px"></div>
                                        <el-link type="primary" :underline="false" @click="clearQuery('fission_type',2)" v-if="queryInfo.fission_type !==''">清除已选</el-link>
                                    </div>
                                    <el-radio-group v-model="queryInfo.fission_type" class="check_style" @change="getDataList(1)">
                                        <el-radio :label="item.id" v-for="(item,index) in fissionList" :key="index">
                                            <span class="el_check_title">{{item.nickname}}</span>
                                            <span class="el-icon-check el_check_icon"></span>
                                        </el-radio>
                                    </el-radio-group>
                                  
                                </el-dropdown-menu>
                            </el-dropdown>
                          
                        </template>
                        <template v-if="queryInfo.id.length>0">
                            <div class="rank_line"></div>
                            <el-tag type="info" size="small" closable @close="tagClose()">
                                原素材：{{queryInfo.id.toString()}}
                            </el-tag>
                        </template>
                        <!-- <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
                            <div class="flexbox flexcenter drop_box drop_hover">
                                <span class="drop_text">+ 筛选</span>
                                <span class="el-icon-caret-bottom"></span>
                            </div>
                            <el-dropdown-menu slot="dropdown">
                                <ul class="demand_rank">
                                    <li v-for="(item,index) in addrank" :key="index">
                                        <el-checkbox v-model="item.check" @change="changeRank(item,index)">{{item.name}}</el-checkbox>
                                    </li>
                                </ul>
                            </el-dropdown-menu>
                        </el-dropdown> -->
                    </div>
                    <div class="flexbox flexcenter">
                        <span class="font_14 color_02" style="margin-left:5px">素材同步</span>
                        <el-date-picker style="width:216px;margin-left:5px" value-format="yyyy-MM-dd" v-model="queryInfo.date" type="daterange" clearable size="small" @change="getDataList(1)" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期">
                        </el-date-picker>
                        <span class="font_14 color_02" style="margin-left:12px">数据产生</span>
                        <el-date-picker style="width:216px;margin-left:5px" :picker-options="pickerOptions" value-format="yyyy-MM-dd" v-model="queryInfo.need_date" type="daterange" clearable size="small" @change="getDataList(1)" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期">
                        </el-date-picker>
                        <el-input style="width:200px;margin-left:12px" clearable size="small" placeholder="素材名称,ID,原文件名" suffix-icon="el-icon-search" @change="getDataList(1)" v-model="queryInfo.query">
                        </el-input>
                    </div>
                </div>
            </div>
            <!-- <div class="ana_tips flexbox flexcenter flexbetween" v-if="is_tips&&dataType==1">
                <div class="flexbox flexcenter">
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M13.3331 6.66673C13.3331 8.93596 11.9159 10.8742 9.91825 11.6446H7.99975H6.08125C4.08361 10.8742 2.66641 8.93596 2.66641 6.66673C2.66641 3.7212 5.05421 1.3334 7.99975 1.3334C10.9453 1.3334 13.3331 3.7212 13.3331 6.66673Z" fill="#4475FF" stroke="#4475FF" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
                        <path d="M9.91827 11.6445L9.6919 14.361C9.6775 14.5338 9.53307 14.6667 9.3597 14.6667H6.6398C6.46644 14.6667 6.322 14.5338 6.30764 14.361L6.08124 11.6445" stroke="#4475FF" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
                        <path d="M5.60001 4.8V8L8.00001 6.4L10.4 8V4.8" stroke="white" stroke-width="1.12" stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                    <span class="font_14 color_01" style="margin-left:10px">千川分析数据仅供参考。绩效统计将以巨量纵横的数据为准。</span>
                </div>
                <img style="cursor: pointer;" @click="closeTips" src="../../assets/img/close_check.svg" alt="">
            </div> -->
            <div class="flex over_box source_box" v-loading="loading" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0)">
                <el-table :data="tableData" class="com_table source_table" :key="tableKey" height="100%" ref="mtTable" @sort-change='sortChange'>
                    <div slot="empty" class="flexbox flexcenter flexcolumn flexjust" style="height:300px">
                        <img src="../../assets/img/null_icon.svg" alt="">
                        <div class="font_13 color_03">暂无数据</div>
                    </div>
                    <el-table-column prop="campaign_name" label="素材" width="400" fixed="left">
                        <template slot-scope="scope">
                            <div class="flexbox flexcenter">
                                <div class="source_video" @click="playVideo(scope.row.material_cdn)">
                                    <el-tag effect="dark" size="mini" class="source_tyle" v-if="scope.row.material_type==1">自制</el-tag>
                                    <el-tag effect="dark" size="mini" type="success" class="source_tyle" v-else>外部</el-tag>
                                    <div class="source_cashen flexbox flexjust flexcenter" v-if="scope.row.reject==1">审核<br />不通过</div>
                                    <img :src="scope.row.material_cdn+'&x-oss-process=video/snapshot,t_0,f_jpg'" alt="" class="source_img">
                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="source_play">
                                        <ellipse opacity="0.4" cx="12" cy="12" rx="12" ry="12" fill="black" />
                                        <path d="M17.6411 11.5965C17.9607 11.8312 17.9607 12.3087 17.6411 12.5434L9.93513 18.2031C9.54719 18.488 9.00003 18.211 9.00003 17.7297L9.00003 6.41022C9.00003 5.92889 9.54719 5.65187 9.93513 5.93679L17.6411 11.5965Z" fill="white" />
                                    </svg>
                                </div>
                                <div class="source_info flex">
                                    <template v-if="scope.row.area==1">
                                        <el-tooltip content="" placement="top">
                                            <div slot="content" class="flexbox flexcenter font_14">
                                                核心创意人：{{scope.row.director_name}}
                                                <span class="mt_line"></span>
                                                拍摄：{{scope.row.photographer_name}}
                                                <span class="mt_line"></span>
                                                剪辑：{{scope.row.editor_name}}
                                            </div>
                                            <div class="source_name">{{scope.row.material_name}}</div>
                                        </el-tooltip>
                                    </template>
                                    <template v-else-if="scope.row.area==2">
                                        <el-tooltip content="" placement="top">
                                            <div slot="content" class="flexbox flexcenter font_14">
                                                编导：{{scope.row.director_name}}
                                                <span class="mt_line"></span>
                                                拍摄：{{scope.row.photographer_name}}
                                                <span class="mt_line"></span>
                                                剪辑：{{scope.row.editor_name}}
                                            </div>
                                            <div class="source_name">{{scope.row.material_name}}</div>
                                        </el-tooltip>
                                    </template>
                                    <div class="source_tag">{{scope.row.tag.length>0?scope.row.tag.map((item=>{return item.name})).join('/'):'暂无标签'}}</div>
                                    <div class="tag_content flexbox flexcenter">
                                        <template v-if="queryInfo.channel==1">
                                            <div class="tag_type_text tag_type_red" v-if="scope.row.push_status==0">未推送</div>
                                            <div class="tag_type_text tag_type_red" v-else-if="scope.row.push_status==1">推送中</div>
                                            <div class="tag_type_text tag_type_red" v-else-if="scope.row.push_status==2">
                                                推送失败
                                                <el-tooltip placement="top">
                                                    <div slot="content">
                                                        {{scope.row.push_reason}}
                                                    </div>
                                                    <i class="el-icon-question mt_quetion"></i>
                                                </el-tooltip>
                                            </div>
                                            <div class="tag_type_text tag_type_green" v-else-if="scope.row.push_status==3">推送成功</div>
                                        </template>
                                        <div class="tag_type_text tag_type_blue" v-if="scope.row.first_publish==1">首发</div>
                                        <div class="tag_type_text tag_type_green" v-if="scope.row.high_quality==1">优质</div>
                                        <div class="tag_type_text tag_type_red" v-if="scope.row.low_efficiency==1">低效</div>
                                        <div class="tag_type_text tag_type_red" v-if="scope.row.autoadjust==1">微调版</div>
                                    </div>
                                    <div class="source_text flexbox flexcenter">
                                        ID：{{scope.row.material_id==0?'无':scope.row.material_id}}
                                        <!-- <div class="mt_push_status" v-if="queryInfo.channel==1" key="push">
                                            <span v-if="scope.row.push_status==0" class="mt_red">未推送</span>
                                            <span v-else-if="scope.row.push_status==1" class="mt_yellow">推送中</span>
                                            <span v-else-if="scope.row.push_status==2" class="mt_red">
                                                失败
                                                <el-tooltip placement="top">
                                                    <div slot="content">
                                                        {{scope.row.push_reason}}
                                                    </div>
                                                    <i class="el-icon-question mt_quetion"></i>
                                                </el-tooltip>
                                            </span>
                                            <span v-else-if="scope.row.push_status==3" class="mt_green">推送成功</span>
                                        </div> -->
                                    </div>
                                    <div class="source_text flexbox flexcenter">
                                        {{scope.row.create_time}}
                                        <!-- <span v-if="scope.row.autoadjust==1" class="mt_push_status mt_red">微调版</span> -->
                                    </div>
                                </div>
                            </div>
                        </template>
                    </el-table-column>
                    <template v-if="queryInfo.channel==1||queryInfo.channel==3">
                        <el-table-column prop="version_num" label="素材版本" min-width="100">
                            <template slot-scope="scope">
                                <el-button type="info" size="mini" class="parent_num" :disabled="scope.row.version_num==0" @click="materialVersion(scope.row)">{{scope.row.version_num}}</el-button>
                            </template>
                        </el-table-column>
                        <el-table-column prop="already_num" label="应用分镜素材" min-width="150">
                            <template slot-scope="scope">
                                <div class="flexbox flexcenter vide_num" @click="openVideoDialog(scope.row)">
                                    {{ scope.row.already_num || 0}}
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="stat_cost" label="消耗" min-width="125" sortable="custom">
                            <template slot-scope="scope">
                                {{scope.row.stat_cost?scope.row.stat_cost:0}}
                            </template>
                        </el-table-column>
                        <el-table-column prop="pay_order_amount" label="GMV" min-width="125" sortable="custom" v-if="queryInfo.channel==1" key="GMV">
                            <template slot-scope="scope">
                                {{scope.row.pay_order_amount?scope.row.pay_order_amount:0}}
                            </template>
                        </el-table-column>
                        <el-table-column prop="pay_order_roi" label="支付ROI" min-width="125" sortable="custom" v-if="queryInfo.channel==1" key="ROI">
                            <template slot-scope="scope">
                                {{scope.row.pay_order_roi?scope.row.pay_order_roi:0}}
                            </template>
                        </el-table-column>
                        <template v-for="item in tableHeader">
                            <el-table-column v-if="item.is_show==1" :prop="item.prop" :label="item.title" :min-width="item.width" :sortable="isHeadeShow(item.prop)?item.sortable:false" :key="item.prop">
                                <template slot="header" v-if="item.prop=='ad_id_count'">
                                    {{item.title}}
                                    <el-tooltip content="数据从2023年3月18日起计算" placement="top">
                                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-left:5px;position: relative;top: 5px;">
                                            <circle cx="10" cy="10" r="8" fill="#CFD4DD" />
                                            <path d="M7.4 8.8544V8.9544H7.5H8.74454H8.84454V8.8544C8.84454 8.40304 8.93037 8.06505 9.09807 7.83666L9.09814 7.83671L9.10039 7.83337C9.28308 7.56236 9.58383 7.42692 10.0437 7.42692C10.3968 7.42692 10.6621 7.52052 10.8451 7.70414C11.0208 7.89135 11.1227 8.15083 11.1227 8.49176C11.1227 8.7406 11.0343 8.98223 10.8511 9.20803L10.7251 9.3559C10.3714 9.67381 10.0866 9.94944 9.87171 10.1838C9.65777 10.4171 9.50782 10.6151 9.43008 10.7769C9.26797 11.0923 9.20131 11.4719 9.20131 11.8984V12.0522V12.1522H9.30131H10.5568H10.6568V12.0522V11.8984C10.6568 11.6496 10.708 11.4341 10.8101 11.2286C10.9023 11.043 11.0356 10.8671 11.2215 10.7112L11.2215 10.7113L11.2233 10.7097C11.746 10.2493 12.0676 9.9484 12.1706 9.83314L12.1709 9.8334L12.1763 9.82623C12.4532 9.4545 12.6 8.98201 12.6 8.41484C12.6 7.72088 12.3729 7.16437 11.9116 6.75784C11.452 6.34177 10.8473 6.15 10.1201 6.15C9.29233 6.15 8.63194 6.38707 8.13991 6.8706C7.63532 7.35566 7.4 8.02186 7.4 8.8544ZM10.584 13.1633L10.5841 13.1632L10.5816 13.1609C10.3975 12.9879 10.1648 12.903 9.90175 12.903C9.63738 12.903 9.41603 12.9888 9.23284 13.1609C9.04613 13.3363 8.96114 13.5619 8.96114 13.8271C8.96114 14.0924 9.04613 14.318 9.23284 14.4934C9.41353 14.6632 9.634 14.7623 9.90175 14.7623C10.1661 14.7623 10.3875 14.6765 10.5707 14.5044C10.756 14.3303 10.8533 14.0945 10.8533 13.8271C10.8533 13.5588 10.7553 13.3357 10.584 13.1633Z" fill="white" stroke="white" stroke-width="0.2" />
                                        </svg>
                                        <!-- <i class="el-icon-question" style="margin-left:5px;color:#616C85"></i> -->
                                    </el-tooltip>
                                </template>
                                <template slot-scope="scope">
                                    <template v-if="item.prop=='primary_name'">
                                        {{scope.row[item.prop]?scope.row[item.prop]:'无'}}
                                    </template>
                                    <template v-else>
                                        {{scope.row[item.prop]?scope.row[item.prop]:0}}
                                    </template>
                                </template>
                            </el-table-column>
                        </template>
                    </template>

                    <template v-else>
                        <el-table-column prop="stat_cost" label="消耗" min-width="125" sortable="custom">
                            <template slot-scope="scope">
                                {{scope.row.stat_cost?scope.row.stat_cost:0}}
                            </template>
                        </el-table-column>
                        <el-table-column prop="show_cnt" label="展示" min-width="125" sortable="custom">
                            <template slot-scope="scope">
                                {{scope.row.show_cnt?scope.row.show_cnt:0}}
                            </template>
                        </el-table-column>
                        <el-table-column prop="click_rate" label="点击率" min-width="125" sortable="custom">
                            <template slot-scope="scope">
                                {{scope.row.click_rate?scope.row.click_rate:0}}%
                            </template>
                        </el-table-column>
                        <el-table-column prop="pay_order_roi" label="支付ROI" min-width="125" sortable="custom">
                            <template slot-scope="scope">
                                {{scope.row.pay_order_roi?scope.row.pay_order_roi:0}}
                            </template>
                        </el-table-column>
                    </template>

                    <el-table-column prop="" label="操作" width="130" fixed="right">
                        <template slot="header">
                            <div class="flexbox flexcenter flexbetween">
                                操作
                                <svg width="20" class="set_svg" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" @click="setHeader" v-if="queryInfo.channel==1||queryInfo.channel==3">
                                    <path d="M14.7572 6.68913C15.2262 7.36161 15.5561 8.1382 15.7055 8.97726H17.5V11.0227H15.7055C15.5561 11.8618 15.2262 12.6384 14.7572 13.3109L16.0265 14.5801L14.5801 16.0265L13.3109 14.7572C12.6384 15.2262 11.8618 15.5561 11.0227 15.7055V17.5H8.97726V15.7055C8.1382 15.5561 7.36161 15.2262 6.68913 14.7572L5.41986 16.0265L3.97352 14.5801L5.24275 13.3109C4.77385 12.6384 4.44389 11.8618 4.2945 11.0227H2.5V8.97726H4.2945C4.44389 8.1382 4.77385 7.36161 5.24275 6.68913L3.97352 5.41986L5.41986 3.97352L6.68913 5.24275C7.36161 4.77385 8.1382 4.44389 8.97726 4.2945V2.5H11.0227V4.2945C11.8618 4.44389 12.6384 4.77385 13.3109 5.24275L14.5801 3.97352L16.0265 5.41986L14.7572 6.68913Z" fill="#B4B7BD" stroke="#B4B7BD" stroke-width="1.66667" stroke-linejoin="round" />
                                    <path d="M10 11.6666C10.9205 11.6666 11.6667 10.9204 11.6667 9.99992C11.6667 9.07945 10.9205 8.33325 10 8.33325C9.07957 8.33325 8.33337 9.07945 8.33337 9.99992C8.33337 10.9204 9.07957 11.6666 10 11.6666Z" fill="white" stroke="white" stroke-width="1.66667" stroke-linejoin="round" />
                                </svg>
                            </div>
                        </template>
                        <template slot-scope="scope">
                            <p class="mt_p">
                                <el-link :href="scope.row.material_logo_cdn" :underline="false" type="primary" target="_blank" v-if="scope.row.material_logo_status==1">下载有水印</el-link>
                                <el-link :underline="false" type="info" disabled v-else>水印生成中...</el-link>
                            </p>
                            <p class="mt_p">
                                <el-link :href="scope.row.material_cdn" :underline="false" type="primary" target="_blank">下载无水印</el-link>
                            </p>
                            <p class="mt_p">
                                <el-dropdown placement='bottom'>
                                    <el-link :underline="false" type="primary"><i class="el-icon-more"></i></el-link>
                                    <el-dropdown-menu slot="dropdown">
                                         <el-dropdown-item v-if="scope.row.stat_cost > 30000" @click.native="getSceneList(scope.row.sch_id),fissionDialog = true" :disabled="scope.row.sch_id == 0">
                                            <div class="drop_item flexbox flexcenter">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                    <path d="M13.2 10C13.2 11.7673 11.7673 13.2 10 13.2C8.23269 13.2 6.8 11.7673 6.8 10C6.8 8.23269 8.23269 6.8 10 6.8C11.7673 6.8 13.2 8.23269 13.2 10Z" stroke="#616C85" stroke-width="1.6"/>
                                                    <path d="M17.7 10C17.7 11.215 16.715 12.2 15.5 12.2C14.285 12.2 13.3 11.215 13.3 10C13.3 8.78497 14.285 7.8 15.5 7.8C16.715 7.8 17.7 8.78497 17.7 10Z" stroke="#616C85" stroke-width="1.6"/>
                                                    <path d="M6.7 10C6.7 11.215 5.71503 12.2 4.5 12.2C3.28497 12.2 2.3 11.215 2.3 10C2.3 8.78497 3.28497 7.8 4.5 7.8C5.71503 7.8 6.7 8.78497 6.7 10Z" stroke="#616C85" stroke-width="1.6"/>
                                                </svg>
                                                <span class="drop_title">素材裂变</span>
                                            </div>
                                        </el-dropdown-item>
                                        <el-dropdown-item @click.native="quickTrim(scope.row)">
                                            <div class="drop_item flexbox flexcenter">
                                                <svg width="20" height="20" class="drop_icon" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M3 4C3 3.44772 3.44772 3 4 3H16C16.5523 3 17 3.44772 17 4V16C17 16.5523 16.5523 17 16 17H4C3.44772 17 3 16.5523 3 16V4Z" stroke="#616C85" stroke-width="1.6" />
                                                    <path d="M7 5.5L7 14.5M13 5.5L13 14.5" stroke="#616C85" stroke-width="1.6" stroke-linecap="round" />
                                                    <path d="M13 10.1C13.8837 10.1 14.6 9.38366 14.6 8.5C14.6 7.61634 13.8837 6.9 13 6.9C12.1163 6.9 11.4 7.61634 11.4 8.5C11.4 9.38366 12.1163 10.1 13 10.1Z" fill="white" stroke="#616C85" stroke-width="1.2" />
                                                    <path d="M7 13.1C7.88366 13.1 8.6 12.3837 8.6 11.5C8.6 10.6163 7.88366 9.9 7 9.9C6.11634 9.9 5.4 10.6163 5.4 11.5C5.4 12.3837 6.11634 13.1 7 13.1Z" fill="white" stroke="#616C85" stroke-width="1.2" />
                                                </svg>
                                                <span class="drop_title">快速微调</span>
                                            </div>
                                        </el-dropdown-item>
                                        <el-dropdown-item @click.native="openAnalysis(scope.row)" v-if="queryInfo.channel==1">
                                            <div class="drop_item flexbox">
                                                <img src="../../assets/img/fenxi_icon.svg" alt="" class="drop_icon">
                                                <span class="drop_title">素材分析</span>
                                            </div>
                                        </el-dropdown-item>
                                        <el-dropdown-item @click.native="addMaterialTag(scope.row,1)">
                                            <div class="drop_item flexbox flexcenter">
                                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M17.5724 10.5788C17.7481 10.7545 17.7481 11.0394 17.5724 11.2152L11.2152 17.5724C11.0394 17.7481 10.7545 17.7481 10.5788 17.5724L3.43471 10.4283C3.34972 10.3433 3.30226 10.2279 3.30292 10.1077L3.33771 3.78512C3.33906 3.53852 3.53863 3.33895 3.78523 3.3376L10.1077 3.30291C10.2279 3.30225 10.3433 3.34971 10.4283 3.43471L17.5724 10.5788Z" stroke="#616C85" stroke-width="1.6" />
                                                    <path d="M7.5 9C6.67157 9 6 8.32843 6 7.5C6 6.67157 6.67157 6 7.5 6C8.32843 6 9 6.67157 9 7.5C9 8.32843 8.32843 9 7.5 9Z" fill="#616C85" />
                                                </svg>
                                                <span class="drop_title">标签设置</span>
                                            </div>
                                        </el-dropdown-item>
                                        <el-dropdown-item @click.native="addCaShen(scope.row)">
                                            <div class="drop_item flexbox">
                                                <img src="../../assets/img/cashen_icon.svg" alt="" class="drop_icon">
                                                <span class="drop_title">卡审原因</span>
                                            </div>
                                        </el-dropdown-item>
                                        <el-dropdown-item @click.native="viewDamaInfo(scope.row)" v-if="scope.row.description">
                                            <div class="drop_item flexbox">
                                                <img src="../../assets/img/dama_icon.svg" alt="" class="drop_icon">
                                                <span class="drop_title">需求信息</span>
                                            </div>
                                        </el-dropdown-item>
                                        <!-- <el-dropdown-item @click.native="deletVideo(scope.row.id)">
                                            <div class="drop_item flexbox">
                                                <img src="../../assets/img/del_icon.svg" alt="" class="drop_icon">
                                                <span class="drop_title">删除</span>
                                            </div>
                                        </el-dropdown-item> -->
                                    </el-dropdown-menu>
                                </el-dropdown>
                            </p>
                        </template>
                    </el-table-column>
                </el-table>
            </div>
            <div class="page_box flexbox flexcenter" v-if="total>0">
                <el-pagination background layout="total, prev, pager, next,sizes" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="queryInfo.page" :page-size="queryInfo.limit" :page-sizes="[20, 50, 100, 200]" :total="total">
                </el-pagination>
            </div>
        </div>
        <SumbitDialog 
            class="videoList_dialog"
            width="800px"
            :dialogVisible.sync="videoObj.dialogVideo"
            sumbitColor="#165DFF"
            sumbitText=""
            @onSubmit="saveWork">
            <div slot="title">应用分镜素材</div>
            <div class="flexbox dialogList" v-if="videoObj.list.length>0" v-loading="videoObj.dialog" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0)">
                <div class="flexbox flexcenter" v-for="(item,index) in videoObj.list" style="height:323px;width:181px;margin-top:12px;position: relative;cursor:pointer" @click="playVideo(item.material)">
                    <el-image style="heigth:100%;width:100%;border-radius:12px" :src="item.material + '&x-oss-process=video/snapshot,t_0,f_jpg'"  lazy>
                        <div slot="placeholder" class="image-slot">
                            加载中<span class="dot">...</span>
                        </div>
                    </el-image>
                    <video
                        controls
                        name="media"
                        style="height:0"
                        ref="videoRef"
                        @loadedmetadata="getVideoDuration(index)"
                    >
                        <source :src="item.material" type="video/mp4" />
                    </video>
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="source_play">
                        <ellipse opacity="0.4" cx="12" cy="12" rx="12" ry="12" fill="black" />
                        <path d="M17.6411 11.5965C17.9607 11.8312 17.9607 12.3087 17.6411 12.5434L9.93513 18.2031C9.54719 18.488 9.00003 18.211 9.00003 17.7297L9.00003 6.41022C9.00003 5.92889 9.54719 5.65187 9.93513 5.93679L17.6411 11.5965Z" fill="white" />
                    </svg>
                        <div class="duration video_id" style="right:56px">
                            <p>ID: {{ item.video_id }}</p>
                        </div>
                        <!-- 时长 -->
                        <div class="duration" :key="'duration-' + index">
                            <p>{{ formatTime(item.duration) }}</p>
                        </div>
                    <div class="veideo_name">
                        <p>{{ item.material_name }}</p>
                    </div>
                </div>
            </div>
            <div v-else class="flexbox flexcenter" style="height: 650px;justify-content: center;flex-direction: column;" v-loading="videoObj.dialog" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0)">
                 <svg xmlns="http://www.w3.org/2000/svg" width="99" height="105" viewBox="0 0 99 105" fill="none">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M31.132 34.2949C29.3339 34.2949 27.8761 35.7518 27.8761 37.5498V42.9757H27.9211C27.8914 43.153 27.8761 43.3342 27.8761 43.5191V86.9278C27.8761 88.7258 29.3339 90.1836 31.132 90.1836H74.6297C76.1613 90.1836 77.4859 89.1159 77.8118 87.6198L87.2478 44.2102C87.6897 42.1811 86.1437 40.2632 84.0667 40.2632H59.8905C58.3925 40.2632 57.1771 39.0489 57.1771 37.5498C57.1771 35.7518 55.7193 34.2949 53.9212 34.2949H31.132Z" fill="#4E9BEC"/>
                    <path d="M74.5406 43.3809H22.4503C20.5439 43.3809 18.9979 44.9269 18.9979 46.8332V86.9294C18.9979 88.8358 20.5439 90.3808 22.4503 90.3808H74.5406C76.447 90.3808 77.993 88.8358 77.993 86.9294V46.8332C77.993 44.9269 76.447 43.3809 74.5406 43.3809Z" fill="#DBEDFF" stroke="url(#paint0_linear_18231_36545)" stroke-width="0.392585"/>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M31.132 34.2959C29.3339 34.2959 27.8761 35.7537 27.8761 37.5518V42.9776H27.9211C27.8914 43.1549 27.8761 43.3361 27.8761 43.5211V86.9297C27.8761 88.7278 29.3339 90.1856 31.132 90.1856H74.6297C76.1613 90.1856 77.4859 89.1179 77.8118 87.6207L87.2478 44.2121C87.6897 42.1831 86.1437 40.2652 84.0667 40.2652H59.8905C58.3925 40.2652 57.1771 39.0508 57.1771 37.5518C57.1771 35.7537 55.7193 34.2959 53.9212 34.2959H31.132Z" fill="#7BBBFF"/>
                    <path d="M13.1368 50.2266H65.5169C66.8985 50.2266 68.1086 51.1607 68.4698 52.5054L77.5584 86.4123C78.0844 88.3724 76.6195 90.3005 74.6065 90.3005H22.2255C20.8439 90.3005 19.6338 89.3664 19.2726 88.0217L10.1839 54.1148C9.65887 52.1547 11.1229 50.2266 13.1368 50.2266Z" fill="#EAF4FF" stroke="url(#paint1_linear_18231_36545)" stroke-width="0.392585"/>
                    <path d="M33.8455 37.5493C33.8455 38.4484 33.1161 39.1778 32.2171 39.1778C31.318 39.1778 30.5896 38.4484 30.5896 37.5493C30.5896 36.6513 31.318 35.9219 32.2171 35.9219C33.1161 35.9219 33.8455 36.6513 33.8455 37.5493Z" fill="#EC5353"/>
                    <path d="M39.2713 37.5493C39.2713 38.4484 38.5429 39.1778 37.6439 39.1778C36.7448 39.1778 36.0155 38.4484 36.0155 37.5493C36.0155 36.6513 36.7448 35.9219 37.6439 35.9219C38.5429 35.9219 39.2713 36.6513 39.2713 37.5493Z" fill="#F2DD1D"/>
                    <path d="M44.6971 37.5493C44.6971 38.4484 43.9686 39.1778 43.0696 39.1778C42.1706 39.1778 41.4421 38.4484 41.4421 37.5493C41.4421 36.6513 42.1706 35.9219 43.0696 35.9219C43.9686 35.9219 44.6971 36.6513 44.6971 37.5493Z" fill="#38DF5D"/>
                    <path d="M33.5131 63.774C33.4029 63.1127 33.9137 62.5107 34.5837 62.5107H39.9798C40.5108 62.5107 40.9632 62.8941 41.0504 63.4174L41.774 67.7583C41.8843 68.4196 41.3744 69.0216 40.7034 69.0216H35.3073C34.7763 69.0216 34.3239 68.6382 34.2367 68.1149L33.5131 63.774Z" fill="white"/>
                    <path d="M35.1414 72.4556C35.0312 71.7933 35.5411 71.1914 36.212 71.1914H41.6081C42.1381 71.1914 42.5915 71.5748 42.6777 72.0981L43.4014 76.439C43.5116 77.1003 43.0017 77.7032 42.3308 77.7032H36.9347C36.4046 77.7032 35.9513 77.3198 35.865 76.7965L35.1414 72.4556Z" fill="white"/>
                    <path d="M44.3656 63.774C44.2554 63.1127 44.7653 62.5107 45.4362 62.5107H50.8323C51.3624 62.5107 51.8157 62.8941 51.9029 63.4174L52.6266 67.7583C52.7358 68.4196 52.2259 69.0216 51.556 69.0216H46.1599C45.6289 69.0216 45.1765 68.6382 45.0893 68.1149L44.3656 63.774Z" fill="#2D8CF0"/>
                    <path d="M45.9931 72.4556C45.8829 71.7933 46.3928 71.1914 47.0637 71.1914H52.4598C52.9908 71.1914 53.4432 71.5748 53.5304 72.0981L54.2541 76.439C54.3643 77.1003 53.8544 77.7032 53.1835 77.7032H47.7873C47.2564 77.7032 46.804 77.3198 46.7167 76.7965L45.9931 72.4556Z" fill="white"/>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M86.372 18.1572C86.372 18.1572 87.0573 19.6639 87.4426 20.9808C87.9775 22.8077 87.55 24.8847 87.4561 24.9048C86.9433 25.0169 85.2027 22.5681 85.2305 21.1313C85.2545 19.8393 86.372 18.1572 86.372 18.1572Z" fill="#FFB883"/>
                    <g filter="url(#filter0_d_18231_36545)">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M62.0281 23.0405C62.0281 23.0405 72.1983 20.629 75.7408 12.5674C77.2322 12.8981 79.8564 14.2073 86.2359 18.021C87.1273 18.553 85.241 21.1168 85.241 21.1168C85.241 21.1168 88.2113 23.7123 87.481 24.7494C83.2637 30.7446 79.8919 32.9222 76.0111 33.064C69.992 31.5899 62.0281 23.0405 62.0281 23.0405Z" fill="#FFE089"/>
                    </g>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M41.1558 39.5088C43.0986 43.4519 41.4567 48.5902 38.7175 52.7327C42.304 53.4563 48.6011 54.0668 53.5496 54.0927C53.7844 54.0937 54.4343 53.8042 54.6547 53.7774C55.9908 53.6106 56.4259 52.472 56.8247 52.0474C58.1761 49.3483 59.6732 47.2407 59.7729 44.0049C59.8246 42.3458 59.7221 40.9772 59.5659 40.4241C57.4965 39.4197 53.657 40.6398 41.1558 39.5088Z" fill="#A8E5FF"/>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M54.6567 50.9528C55.5663 51.755 54.8839 54.0601 53.1826 54.109C54.9893 54.039 55.9286 53.3317 56.5947 52.6358C57.2618 51.941 60.394 48.711 59.5563 40.4395C59.9761 47.4477 58.433 50.9595 54.6567 50.9528Z" fill="#7CC3E1"/>
                    <defs>
                        <filter id="filter0_d_18231_36545" x="62.0281" y="12.5674" width="25.5684" height="38.9459" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                        <feOffset dy="18.4488"/>
                        <feColorMatrix type="matrix" values="0 0 0 0 0.173316 0 0 0 0 0.377447 0 0 0 0 0.620833 0 0 0 0.272192 0"/>
                        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18231_36545"/>
                        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18231_36545" result="shape"/>
                        </filter>
                        <linearGradient id="paint0_linear_18231_36545" x1="48.3222" y1="46.3847" x2="71.4847" y2="95.4578" gradientUnits="userSpaceOnUse">
                        <stop stop-color="white"/>
                        <stop offset="1" stop-color="white" stop-opacity="0"/>
                        </linearGradient>
                        <linearGradient id="paint1_linear_18231_36545" x1="33.1993" y1="50.112" x2="28.8119" y2="88.6826" gradientUnits="userSpaceOnUse">
                        <stop stop-color="white"/>
                        <stop offset="1" stop-color="white" stop-opacity="0"/>
                        </linearGradient>
                    </defs>
                </svg>
                <span style="color:#ACB2BB">暂无数据，请先添加</span> 
            </div>
        </SumbitDialog>
        <SumbitDialog 
            class="savedialog"
            width="520px"
            :dialogVisible.sync="fissionDialog"
            sumbitColor="#165DFF"
            sumbitText="确定"
            @onSubmit="materialfission">
            <div slot="title">素材裂变</div>
            <div class="flexbox" style="padding-top:12px">
                <div style="width:304px;padding:16px;border-top:1px solid #E8EAEC;border-bottom:1px solid #E8EAEC">
                    <div class="dialogLabel">裂变对象</div>
                    <div style="background:#F8F8F9;color:#5C636C;font-size: 14px;padding:8px 12px;border-radius: 8px;margin-bottom:24px">{{videoFission.material_name}}</div>
                    <div class="dialogLabel">裂变类型</div>
                    <div style="margin-bottom:24px">
                        <el-radio-group v-model="videoFission.fission_type" size="mini">
                            <el-radio-button label="1">修改</el-radio-button>
                            <el-radio-button label="2">调整</el-radio-button>
                        </el-radio-group>
                    </div>
                    <div class="dialogLabel">裂变详情</div>
                    <div style="margin-bottom:24px">
                        <el-input
                            type="textarea"
                            :autosize="{ minRows: 3, maxRows: 4}"
                            placeholder="请输入裂变详情内容"
                            v-model="videoFission.fission_reason">
                        </el-input>
                    </div>
                    <div class="dialogLabel">素材裂变数量</div>
                    <div >
                         <el-input-number class="resetNumBtn" v-model="videoFission.num" controls-position="right" size="mini" :min="1" style="width:80px"></el-input-number>
                    </div>
                </div>
                <div style="width:184px;padding:16px;background:#F8F8F9;border-top:1px solid #E8EAEC;border-bottom:1px solid #E8EAEC">
                    <div class="dialogLabel">业务场景</div>
                    <div style="margin-bottom:24px">
                        <el-select v-model="videoFission.business_scene" placeholder="请选择" size="small">
                            <el-option label="短视频原创" :value="1" :disabled="true"></el-option>
                            <el-option label="短视频混剪" :value="2" :disabled="true"></el-option>
                            <el-option label="直播素材" :value="3" :disabled="true"></el-option>
                            <el-option label="直播直投" :value="4" :disabled="true"></el-option>
                            <el-option label="短视频" :value="5"></el-option>
                            <el-option label="直播" :value="6"></el-option>
                        </el-select>
                    </div>
                    <div class="dialogLabel">核心创意人</div>
                    <div style="margin-bottom:24px">
                        <el-select v-model="videoFission.centre_uid" placeholder="请选择" size="small">
                            <el-option
                            v-for="item in userListAll"
                            :key="item.id"
                            :label="item.nickname"
                            :value="item.id">
                            </el-option>
                        </el-select>
                    </div>
                    <div class="dialogLabel">剪辑</div>
                    <div style="margin-bottom:24px">
                        <el-select v-model="videoFission.editor_uid" placeholder="请选择" size="small">
                            <el-option
                            v-for="item in userListAll"
                            :key="item.id"
                            :label="item.nickname"
                            :value="item.id">
                            </el-option>
                        </el-select>
                    </div>
                    <div class="dialogLabel">拍摄</div>
                    <div>
                        <el-select v-model="videoFission.photographer_uid" multiple  placeholder="请选择" size="small">
                            <el-option
                            v-for="item in userListAll"
                            :key="item.id"
                            :label="item.nickname"
                            :value="item.id">
                            </el-option>
                        </el-select>
                    </div>
                </div>
            </div>
        </SumbitDialog>
    </div>
</template>

<script>
import { businessList, channelList } from "../../assets/js/scheduling";
import SumbitDialog from "@/components/components/SumbitDialog"
import {
    jlHead,
    qcHead,
    cashenList,
    durationList,
    addrank,
    areaList,
    sourceList,
    adjustList,
    isList,
    fissionList
} from "../../assets/js/material";
import PlayVideo from "./PlayVideo";
import AddMtVideo from "./AddMtVideo";
import AddMaterialTag from "./AddMaterialTag";
import AddCaShen from "./AddCaShen";
import ViewDamaInfo from "./ViewDamaInfo";
import SetHeader from "./SetHeader";
import MaterialVersion from "./MaterialVersion";
import ViewAnalysis from "./ViewAnalysis";
import QuickTrim from "./QuickTrim";
import TrimTask from "./TrimTask";
import ExportTask from "./ExportTask";
import LabelSettingDialog from "../LabelSettings/index";
export default {
    components: {
        PlayVideo,
        AddMtVideo,
        AddMaterialTag,
        AddCaShen,
        ViewDamaInfo,
        SetHeader,
        MaterialVersion,
        ViewAnalysis,
        QuickTrim,
        TrimTask,
        ExportTask,
        LabelSettingDialog,
        SumbitDialog
    },
    name: "",
    data() {
        return {
            videoFission:{
                material_name:"",
                fission_type:"1",
                fission_reason:"",
                num:1,
                business_scene:0,
                centre_uid:0,
                editor_uid:0,
                photographer_uid:[],
            },
            fissionDialog:false,
            ModuleName:'Material',
            videoObj:{
                fission:false,
                list:[],
                dialog:false,
                dialogVideo:false
            },
            is_tips: true,
            qc_table_head: [],
            jl_table_head: [],
            pickerOptions: {
                disabledDate(time) {
                    let dateTime = new Date();
                    let nowTime =
                        dateTime.getHours() * 60 + dateTime.getMinutes();
                    if (nowTime > 740) {
                        return time.getTime() > Date.now() - 8.64e7;
                    } else {
                        return time.getTime() > Date.now() - 8.64e7 - 8.64e7;
                    }
                },
            },
            p_type:0,
            dataType: 1,
            tableKey: Math.random(),
            tableHeader: [],
            currActive: 1,
            currFun: -1,
            loading: false,
            m_loading: false,
            isOpen: [0],
            showrank: true,
            down_loadding: false,
            list_loadding: false,
            all_loadding: false,
            catalogQuery: "",
            dirQuery: "",
            editQuery: "",
            phoQuery: "",
            currentNodekey: 0, //默认选中的节点树
            catalogData: [], //目录列表
            duration_text: [], //已选时长
            cashen_text: [], //已选状态
            duration_val: "",
            size_val: [],
            tag_list: [],
            tag_text: [],
            tagQuery: "",
            roleList: [],
            sizeList: [],
            size_text: [],
            catalogueInfo: {
                channel: 1,
                soure_type: 1,
            },
            queryInfo: {
                duration: [],
                size: [],
                page: 1,
                limit: 20,
                query: "",
                date: [],
                cate_id: "",
                field: "create_time",
                order: "",
                channel: 1,
                tag: [],
                reject: "",
                area: 0,
                need_order_field: "",
                need_order_type: "",
                need_field: [],
                need_date: [],
                id: [],
                business_scene: [],
                material_type: "",
                director_uid: "",
                editor_uid: [],
                photographer_uid: "",
                brand_name: "",
                product_name: "",
                autoadjust: "",
                first_publish:"",
                high_quality:"",
                low_efficiency:"",
                fission_type: "",
            },
            total: 0,
            setpage: 1,
            tableData: [],
            defaultProps: {
                children: "next",
                label: "name",
            },
            cashenList: [],
            durationList: [],
            addrank: [],
            businessList: [],
            channelList: [],
            areaList: [],
            sourceList: [],
            adjustList: [],
            shotList:[],
            centreList:[],
            optimiList:[],
            sceneList:[],
            userListAll:[]
        };
    },
    created() {
        this.businessList = businessList;
        this.channelList = channelList;
        this.cashenList = cashenList;
        this.durationList = durationList;
        this.addrank = addrank;
        this.areaList = areaList;
        this.sourceList = sourceList;
        this.adjustList = adjustList;
        this.isList = isList;
        this.fissionList = fissionList;
        this.getCatalogueList();
        this.getSizeList();
        this.getTagList();
        // this.getDataList(1);
        this.getTableHeader();
        this.getRoleList();
        this.getCentreList()
        this.getOptimization()
        this.getShotList()
        this.getAllList()
        
    },
    methods: {
        async getAllList() {
            const { data: res } = await this.$http.post(
                "/adminapi/company/userListAll",{
                    need:'all'
                }
            );
            if (res.code !== 200) {
                this.$message.error(res.msg);
                return;
            } else {
                this.userListAll = res.data;
            }
        },
        // 获取核心创意人列表
        async getCentreList() {
            const { data: res } = await this.$http.post(
                "adminapi/company/szCentreList",{
                    need:'all'
                }
            );
            if (res.code !== 200) {
                this.$message.error(res.msg);
                return;
            } else {
                this.centreList = res.data;
            }
        },
        // 获取优化师列表
        async getOptimization() {
            const { data: res } = await this.$http.post(
                "adminapi/company/szClipperList",{
                    need:'all'
                }
            );
            if (res.code !== 200) {
                this.$message.error(res.msg);
                return;
            } else {
                this.optimiList = res.data;
            }
        },
        // 获取拍摄
        async getShotList() {
            const { data: res } = await this.$http.post(
                "adminapi/company/szPhotographerList",{
                    need:'all'
                }
            );
            if (res.code !== 200) {
                this.$message.error(res.msg);
                return;
            } else {
                this.shotList = res.data;
            }
        },
        // 获取业务场景
        async getSceneList(sch_id) {
            this.videoFission.fission_type = "1";
            this.videoFission.fission_reason = "";
            this.videoFission.num = 1;
            
            const { data: res } = await this.$http.get(
                "adminapi/Material/videoFissionPage",{params:{
                    sch_id:sch_id
                }}
            );
            if (res.code !== 200) {
                this.$message.error(res.msg);
                return;
            } else {
                const numberArray = res.data.photographer_uid.map(item => parseInt(item, 10));  
                this.videoFission.business_scene = res.data.business_scene;
                this.videoFission.centre_uid = res.data.centre_uid;
                this.videoFission.editor_uid = res.data.editor_uid;
                this.videoFission.material_name = res.data.material_name;
                this.videoFission.photographer_uid = numberArray;
                this.videoFission.id = res.data.id;
            }
        },
        // 获取视频时长
        getVideoDuration(index) {
        const videoElement = this.$refs.videoRef[index];
        this.videoObj.list[index].duration = videoElement.duration;
        },

        // 视频时长转换 mm:ss
        formatTime(seconds) {
        const minutes = Math.floor(seconds / 60);
        const remainingSeconds = Math.floor(seconds % 60);

        const formattedMinutes = String(minutes);
        const formattedSeconds = String(remainingSeconds).padStart(2, "0");

        return `${formattedMinutes}:${formattedSeconds}`;
        },
        async openVideoDialog(item){
          this.$nextTick(()=>{
                    document.querySelectorAll('.videoList_dialog .footer_btn')[0].innerText = "关闭"
                    document.querySelectorAll('.videoList_dialog .footer_btn')[1].style.display = "none"
            })
            this.videoObj.list = [];
            this.videoObj.dialog= true;
            this.videoObj.dialogVideo = true;
            const { data: res } = await this.$http.post(
                "adminapi/demandsz/videoShotList",
                {   
                    id:item.sch_id,
                    shot_type:'already',
                    page:1,
                    limit:999
                }
            );
            if (res.code !== 200) {
                this.$message.error(res.msg);
                return;
            } else {
                this.videoObj.list = res.data.list;
                this.videoObj.dialog = false;
            }
        },

        repeatFind(b, a, id, name) {
            let arr = [];
            for (let i in b) {
                for (let o in a) {
                    if (b[i] == a[o][id]) {
                        arr.push(a[o][name]);
                    }
                }
            }
            return arr.toString();
        },

        repeatSinge(a, b, id, name) {
            let text = a
                .filter((item) => {
                    return item[id] == b;
                })
                .map((item) => {
                    return item[name];
                })
                .toString();
            return text;
        },
        // tab切换
        changeCatalogue(index) {
            this.currActive = index;
            this.catalogueInfo.channel = index;
            this.queryInfo.cate_id = "";
            // this.queryInfo.channel = index;
            this.queryInfo.need_order_field = "";
            this.queryInfo.need_order_type = "";
            this.dataType = 1;
            this.$refs.mtTable.clearSort();
            this.getCatalogueList();
            if (index == 1 || index == 3) {
                this.getTableHeader();
            } else {
                this.getDataList(1);
            }
        },

        selectDatatype() {
            this.getTableHeader();
        },

        // 树形节点点击
        getTreeData(data) {
            if (data.next.length == 0) {
                this.queryInfo.cate_id = data.id;
                this.getDataList(1);
            }
        },

        setHeader() {
            this.$refs.headRef.getParentData(
                true,
                this.tableHeader,
                this.queryInfo.channel,
                this.qc_table_head,
                this.jl_table_head,
                this.dataType
            );
        },

        //获取员工列表
        async getRoleList() {
            const { data: res } = await this.$http.post(
                "adminapi/company/findDEPList",
                {
                    query: "",
                }
            );
            if (res.code !== 200) {
                this.$message.error(res.msg);
                return;
            } else {
                this.roleList = res.data;
            }
        },

        // 获取表头数据
        async getTableHeader() {
            this.tableHeader = [];
            const { data: res } = await this.$http.post(
                "adminapi/material/materialTableGet"
            );
            if (res.code !== 200) {
                this.$message.error(res.msg);
                return;
            } else {
                if (this.queryInfo.channel == 1) {
                    if (this.dataType == 1) {
                        if (
                            res.data.material_field &&
                            res.data.material_field.hasOwnProperty("qc_head") &&
                            res.data.material_field.qc_head.length > 0
                        ) {
                            this.tableHeader = this.qc_table_head =
                                this.assignArr(
                                    qcHead,
                                    res.data.material_field.qc_head
                                );
                            this.queryInfo.need_field =
                                res.data.material_field.qc_head
                                    .filter((item) => {
                                        return item.is_show == 1;
                                    })
                                    .map((val) => {
                                        return val.prop;
                                    });
                        }
                    } else if (this.dataType == 0) {
                        if (
                            res.data.material_field &&
                            res.data.material_field.hasOwnProperty("jl_head") &&
                            res.data.material_field.jl_head.length > 0
                        ) {
                            this.tableHeader = this.jl_table_head =
                                this.assignArr(
                                    jlHead,
                                    res.data.material_field.jl_head
                                );
                            this.queryInfo.need_field =
                                res.data.material_field.jl_head
                                    .filter((item) => {
                                        return item.is_show == 1;
                                    })
                                    .map((val) => {
                                        return val.prop;
                                    });
                        }
                    }
                } else if (this.queryInfo.channel == 3 || this.dataType == 0) {
                    if (
                        res.data.material_field &&
                        res.data.material_field.hasOwnProperty("jl_head") &&
                        res.data.material_field.jl_head.length > 0
                    ) {
                        this.tableHeader = this.jl_table_head = this.assignArr(
                            jlHead,
                            res.data.material_field.jl_head
                        );
                        this.queryInfo.need_field =
                            res.data.material_field.jl_head
                                .filter((item) => {
                                    return item.is_show == 1;
                                })
                                .map((val) => {
                                    return val.prop;
                                });
                    }
                }

                this.tableKey = Math.random();
                this.getDataList(1);
            }
        },

        // 数组去重
        assignArr(arr2, arr1) {
            for (var i = 0; i < arr2.length; i++) {
                var flag = false;
                for (var k = 0; k < arr1.length; k++) {
                    if (arr2[i].prop === arr1[k].prop) {
                        arr1[k].width = arr2[i].width;
                        arr1[k].title = arr2[i].title;
                        flag = true;
                        break;
                    }
                }
                if (!flag) {
                    arr1.push(arr2[i]);
                }
            }
            return arr1;
        },

        // 数据源切换
        swicthData() {},

        //获取数据列表
        async getDataList(page) {
            let that = this;
            this.queryInfo.page = page;
            this.loading = true;
            let link = "";
            if (that.source) {
                that.source();
            }
            if (this.queryInfo.channel == 1) {
                if (this.dataType == 0) {
                    link = "adminapi/material/materialList";
                } else {
                    link = "adminapi/material/materialListQc";
                }
            } else if (this.queryInfo.channel == 3) {
                link = "adminapi/material/materialList";
            }else if (this.queryInfo.channel == 6) {
                link = "adminapi/material/materialListJyt";
            } else if (this.queryInfo.channel == 4){
                link = "adminapi/material/materialListTx";
                this.queryInfo.p_type = this.p_type
            }else if (this.queryInfo.channel == 5){
                link = "adminapi/material/materialListTk";
            }else{
                link = "adminapi/material/materialListUd";
            }
            var { data: res } = await this.$http.post(link, {...this.queryInfo,fission_type:this.queryInfo.fission_type===''?[]:[this.queryInfo.fission_type]}, {
                cancelToken: new axios.CancelToken(function executor(c) {
                    that.source = c;
                }),
            });
            if (res.code !== 200) {
                this.loading = false;
                this.$message.error(res.msg);
                return;
            } else {
                this.loading = false;
                this.tableData = res.data.list;
                this.total = res.data.count;
                this.$refs.mtTable.doLayout();
                // if (
                //     this.queryInfo.channel == 1 ||
                //     this.queryInfo.channel == 3
                // ) {
                //     this.$refs.mtTable.doLayout();
                // }
            }
        },

        //旧数据导出表格
        async downloadFile() {
            this.down_loadding = true;
            const { data: res } = await this.$http.post(
                "export/DownloadTtask/task_add",
                {
                    name: "",
                    date: this.queryInfo.date,
                    need_date: this.queryInfo.need_date,
                    channel: this.queryInfo.channel,
                    query: this.queryInfo.query,
                    business_scene: this.queryInfo.business_scene,
                    director_uid: this.queryInfo.director_uid,
                    editor_uid: this.queryInfo.editor_uid,
                    photographer_uid: this.queryInfo.photographer_uid,
                    brand_name: this.queryInfo.brand_name,
                    product_name: this.queryInfo.product_name,
                    material_type: this.queryInfo.material_type,
                    area: this.queryInfo.area,
                    reject: this.queryInfo.reject,
                    tag: this.queryInfo.tag,
                    duration: this.queryInfo.duration,
                    size: this.queryInfo.size,
                    autoadjust: this.queryInfo.autoadjust,
                }
            );

            if (res.code !== 200) {
                this.down_loadding = false;
                this.$message.error(res.msg);
                return;
            } else {
                this.down_loadding = false;
                this.$message({
                    type: "success",
                    message: "导出成功，请前往任务中心下载!",
                });
            }
        },

        //新数据导出表格
        async downloadNewsFile() {
            let queryinfo = JSON.parse(JSON.stringify(this.queryInfo));
            queryinfo.types = 1;
            let link = "";
            if (this.queryInfo.channel == 1) {
                link = "adminapi/material/export_qc";
            } else if (this.queryInfo.channel == 3) {
                link = "adminapi/material/export_ad";
            }else if (this.queryInfo.channel == 6) {
                link = "adminapi/material/materialListJyt";
            }else if (this.queryInfo.channel == 4) {
                link = "adminapi/material/materialListTx";
                this.queryInfo.p_type = this.p_type
            }else {
                link = "adminapi/material/materialListUd";
            }
            this.list_loadding = true;
            const { data: res } = await this.$http.post(link, {...this.queryInfo,fission_type:this.queryInfo.fission_type===''?[]:[this.queryInfo.fission_type],types:1});

            if (res.code !== 200) {
                this.list_loadding = false;
                this.$message.error(res.msg);
                return;
            } else {
                this.list_loadding = false;
                this.$message({
                    type: "success",
                    message: "导出成功，请前往任务中心下载!",
                });
            }
        },

        //新数据导出表格
        async downloadAllFile() {
            if(this.queryInfo.date.length==0){
                this.$message.error('请选择素材同步日期！');
                return;
            }
            this.all_loadding = true;
            const { data: res } = await this.$http.post(
                'adminapi/material/proMaterialSummary', 
                {
                    date:this.queryInfo.date,
                    channel:this.queryInfo.channel,
                }
            );

            if (res.code !== 200) {
                this.all_loadding = false;
                this.$message.error(res.msg);
                return;
            } else {
                this.all_loadding = false;
                this.$message({
                    type: "success",
                    message: "导出成功",
                });
            }
        },

        //获取目录列表
        async getCatalogueList() {
            this.m_loading = true;
            const { data: res } = await this.$http.post(
                "adminapi/material/catalog",
                this.catalogueInfo
            );
            if (res.code !== 200) {
                this.m_loading = false;
                this.$message.error(res.msg);
                return;
            } else {
                this.m_loading = false;
                let arrText = {
                    brand_id: "",
                    name: "全部",
                    next: [],
                };
                if (res.data.length > 0) {
                    res.data.unshift(arrText);
                }
                this.catalogData = res.data;
            }
        },

        //获取尺寸列表
        async getSizeList() {
            const { data: res } = await this.$http.post(
                "adminapi/material/materialQuality"
            );
            if (res.code !== 200) {
                this.$message.error(res.msg);
                return;
            } else {
                for (let i in res.data) {
                    res.data[i].id = i;
                    res.data[i].nickname =
                        res.data[i].width + "x" + res.data[i].height;
                }
                this.sizeList = res.data;
            }
        },

        //获取标签列表
        async getTagList() {
            const { data: res } = await this.$http.post(
                "adminapi/material/tagList",
                {
                    page: 1,
                    limit: 0,
                }
            );
            if (res.code !== 200) {
                this.loading = false;
                this.$message.error(res.msg);
                return;
            } else {
                this.tag_list = res.data.list;
            }
        },

        addCaShen(item) {
            const attr = {
                dialogVsb: true,
                material_id: item.id,
                reject_reason: item.reject_reason,
                reject: item.reject,
            };
            this.$bus.emit("addCaShen", attr);
        },

        // 删除视频
        deletVideo(id) {
            this.$confirm("是否要删除该视频?", "提示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning",
            })
                .then(async () => {
                    const { data: res } = await this.$http.post(
                        "adminapi/material/materialDelete",
                        {
                            material_id: id,
                        }
                    );
                    if (res.code !== 200) {
                        this.$message.error(res.msg);
                        return;
                    } else {
                        this.getDataList(this.queryInfo.page);
                        this.$message({
                            type: "success",
                            message: "删除成功!",
                        });
                    }
                })
                .catch(() => {});
        },

        playVideo(url) {
            const attr = {
                dialogVsb: true,
                url: url,
            };
            this.$bus.emit("playVideo", attr);
        },

        // 上传素材
        addMtVedio() {
            const attr = {
                dialogVsb: true,
            };
            this.$bus.emit("addMtVedio", attr);
        },

        // 添加标签
        addMaterialTag(item, type) {
            this.getTagList();
            this.$nextTick(()=>{
                this.$refs.labelsetting.openDialog();
                this.$refs.labelsetting.addMaterialTagForm.id = item.id
                this.$refs.labelsetting.source_type = type
                this.$refs.labelsetting.selectTag(this.tag_list[0]) 
                this.$refs.labelsetting.tagpid = item.tag
            })

            // this.$refs.addTag.dialogVisible = true;
            // this.$refs.addTag.addMaterialTagForm.id = item.id;
            // this.$refs.addTag.addMaterialTagForm.source_type = type;
            // this.$refs.addTag.addMaterialTagForm.tag = item.tag.map((it) => {
            //     return it.id;
            // });
            // this.$refs.addTag.has_tag = JSON.parse(JSON.stringify(item.tag));
        },

        // 查看需求信息
        viewDamaInfo(info) {
            const attr = {
                dialogVsb: true,
                description: info.description,
                name: info.material_name,
            };
            this.$bus.emit("viewDamaInfo", attr);
        },
        // 裂变素材
       async materialfission(){
        console.log(this.videoFission)
             const { data: res } = await this.$http.post(
                        "adminapi/Material/videoFission",
                        {
                            id: this.videoFission.id,
                            fission_type: this.videoFission.fission_type,
                            fission_reason: this.videoFission.fission_reason,
                            business_scene: this.videoFission.business_scene,
                            centre_uid: this.videoFission.centre_uid,
                            editor_uid: this.videoFission.editor_uid,
                            photographer_uid: this.videoFission.photographer_uid,
                            num: this.videoFission.num,
                        }
                    );
                    if (res.code !== 200) {
                        this.$message.error(res.msg);
                        return;
                    } else {
                        this.fissionDialog = false;
                        this.$message({
                            type: "success",
                            message: "操作成功!",
                        });
                    }
           
        },
        //裂变筛选 
        selectfission(){

            this.getDataList(1);
        },
        // 尺寸筛选
        selectText() {
            let arr = [];
            let old = this.sizeList;
            let news = this.size_val;
            for (let i in old) {
                for (let a in news) {
                    if (old[i].id == news[a]) {
                        arr.push(old[i]);
                    }
                }
            }
            this.size_text = arr.map((item) => {
                return item.nickname;
            });
            this.queryInfo.size = arr;
            this.getDataList(1);
        },

        // 筛选
        selectText2(list, id, text, name) {
            let has_checked = [];
            list.forEach((element) => {
                id.forEach((val) => {
                    if (element.id == val) {
                        has_checked.push(element[name]);
                    }
                });
            });
            this[text] = has_checked;
            this.getDataList(1);
        },

        // 时长筛选
        changeDuration() {
            let val = this.durationList.filter((item) => {
                if (item.id == this.duration_val) {
                    return item;
                }
            });
            let s =
                val[0].id == 4 ? [val[0].start] : [val[0].start, val[0].end];
            this.duration_text = [val[0].nickname];
            this.queryInfo.duration = s;
            this.getDataList(1);
        },

        changeStatus(list, id, text, name) {
            let has_checked = [];
            list.forEach((element) => {
                if (element.id == id) {
                    has_checked = [element[name]];
                }
            });
            this[text] = has_checked;
            this.getDataList(1);
        },

        // 清除已选
        clearFilter(text, id, val) {
            this.queryInfo[id] = [];
            this[text] = [];
            if (val == "duration_val") {
                this[val] = "";
            } else {
                this[val] = [];
            }
            this.getDataList(1);
        },

        // 目录筛选
        filteredData(query, list) {
            var list = list,
                query = query;

            if (!query) {
                return list;
            }
            query = query.trim();

            list = list.filter(function (item) {
                if (item.name.indexOf(query) !== -1) {
                    return item;
                }
            });
            return list;
        },

        // 筛选
        filterRank(query, list, name) {
            var list = list,
                query = query;

            if (!query) {
                return list;
            }
            query = query.trim();

            list = list.filter(function (item) {
                if (item[name].indexOf(query) !== -1) {
                    return item;
                }
            });
            return list;
        },

        // 素材版本
        materialVersion(row) {
            let info = {
                material_name: row.material_name,
                tag: row.tag,
                material_id: row.material_id,
                create_time: row.create_time,
                version_type: row.version_type,
            };
            this.$refs.versionRef.dialogVisible = true;
            this.$refs.versionRef.curInfo = info;
            this.$refs.versionRef.getRecordList(row.id);
        },

        // 版本查找
        getVersion(val) {
            this.queryInfo.id = val;
            this.queryInfo.duration = [];
            this.queryInfo.size = [];
            this.queryInfo.query = "";
            this.queryInfo.date = [];
            this.queryInfo.order = "";
            this.queryInfo.reject = "";
            this.queryInfo.need_order_field = "";
            this.queryInfo.need_order_type = "";
            this.queryInfo.tag = [];
            this.queryInfo.need_date = [];
            this.getDataList(1);
        },

        // 关闭原需求
        tagClose() {
            this.queryInfo.id = [];
            this.getDataList(1);
        },

        // 跳转到任务列表
        toLoadTask() {
            this.$router.push("/loadtask");
        },

        // 跳转到数据中心
        toVideoCount() {
            this.$router.push("/videocount");
        },

        // 重置
        resetScreen() {
            this.cashen_text = [];
            this.duration_text = [];
            this.duration_val = "";
            this.size_val = [];
            this.size_text = [];
            this.queryInfo.duration = [];
            this.queryInfo.size = [];
            this.queryInfo.query = "";
            this.queryInfo.date = [];
            this.queryInfo.order = "";
            this.queryInfo.reject = "";
            this.queryInfo.need_order_field = "";
            this.queryInfo.need_order_type = "";
            this.tag_text = [];
            this.queryInfo.tag = [];
            this.queryInfo.need_date = [];
            this.queryInfo.id = [];
            this.queryInfo.business_scene = [];
            this.queryInfo.material_type = [];
            this.queryInfo.director_uid = "";
            this.queryInfo.editor_uid = [];
            this.queryInfo.photographer_uid = "";
            this.queryInfo.brand_name = "";
            this.queryInfo.product_name = "";
            this.queryInfo.autoadjust = "";
            this.queryInfo.fission_type = "";
            this.$refs.mtTable.clearSort();
            this.getDataList(1);
            // this.addrank.map((item) => {
            //     return (item.check = false);
            // });
        },

        // 表格排序
        sortChange(column) {
            this.queryInfo.need_order_type = "";
            this.queryInfo.need_order_field = "";
            if (!column.order) {
                this.getDataList(this.queryInfo.page);
                return;
            } else {
                var order = column.order.slice(0, -6);
            }
            this.queryInfo.need_order_type = order;
            this.queryInfo.need_order_field = column.prop;
            this.getDataList(1);
        },

        // 清空筛选
        clearQuery(name, type) {
            if (type == 1) {
                this.queryInfo[name] = [];
            } else {
                this.queryInfo[name] = "";
            }
            this.getDataList(1);
        },

        // 删除筛选
        deletRank(index, name, type) {
            this.addrank[index].check = false;
            if (index == 0) {
                this.duration_text = [];
                this.duration_val = "";
            } else if (index == 2) {
                this.size_text = [];
                this.size_val = [];
            }
            if (type == 1) {
                this.queryInfo[name] = [];
            } else {
                this.queryInfo[name] = "";
            }
            this.getDataList(1);
        },

        changeRank(item, index) {
            if (!item.check) {
                if (index == 0) {
                    this.duration_text = [];
                    this.duration_val = "";
                } else if (index == 2) {
                    this.size_text = [];
                    this.size_val = [];
                }
                if (item.type == 1) {
                    this.queryInfo[item.value] = [];
                } else {
                    this.queryInfo[item.value] = "";
                }
                this.getDataList(1);
            }
        },

        // 打开素材分析
        openAnalysis(row) {
            this.$refs.anaRef.baseInfo.material_name = row.material_name;
            this.$refs.anaRef.baseInfo.duration = row.duration;
            this.$refs.anaRef.baseInfo.create_time = row.create_time;
            this.$refs.anaRef.baseInfo.material_type = row.material_type;
            this.$refs.anaRef.baseInfo.material = row.material;
            this.$refs.anaRef.queryInfo.material_id = row.material_id;
            this.$refs.anaRef.dialogVisible = true;
        },

        // 快速微调
        quickTrim(row) {
            this.$refs.quickRef.dialogVisible = true;
            this.$refs.quickRef.id = row.id;
            this.$refs.quickRef.title = row.material_name;
            this.$refs.quickRef.getBusunessList();
        },

        // 微调任务中心
        openTrimTask() {
            this.$refs.trimRef.dialogVisible = true;
            this.$refs.trimRef.getTaskList();
        },

        // 时间排序
        sortFun(val) {
            this.queryInfo.order = val;
            this.getDataList(1);
        },

        isHeadeShow(prop) {
            let is_show = true;
            if (this.dataType == 0) {
                if (
                    prop == "related_ad_cnt" ||
                    prop == "related_creative_cnt_bigger"
                ) {
                    is_show = false;
                }
            }
            return is_show;
        },
        
        //打开综合数据
        openAllFill(){
            this.$refs.expRef.getData()
        },

        // 关闭提示
        closeTips() {
            this.is_tips = false;
        },

        // 每页显示多少条数据
        handleSizeChange(val) {
            this.queryInfo.limit = val;
            this.getDataList(1);
        },
        // 当前页切换
        handleCurrentChange(val) {
            this.setpage = val;
            this.queryInfo.page = val;
            this.getDataList(val);
        },
    }
};
</script>


<style scoped>
.savedialog >>> .promptDialog .el-dialog__body{
    padding: 0 0px !important;
}
.savedialog >>>.promptDialog .el-dialog__footer{
    padding: 20px !important;
}
.savedialog >>> .promptDialog .el-input__inne{
    border: none;
    border-radius: 8px;
}
.dialogLabel{
    color: #191B1E;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}
.duration {
    border-radius:  4px;
    padding: 0 4px;
    background: rgba(0, 0, 0, 0.40);
    color: #fff;
    position: absolute;
    right: 12px;
    top: 12px;
}
.veideo_name{
    position: absolute;
    bottom: 0;
    border-radius: 0 0 12px 12px;
    border: 1px solid #E8EAEC;
    background: #FFF;
    color: #191B1E;
}
.veideo_name p {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 157px;
    font-weight: 600;
    white-space: pre-wrap;
    padding: 6px 12px 3px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.dialogList{
    flex-wrap:wrap;
    height: 650px;
    gap: 12px;
}
.vide_num{
    justify-content: center;
    cursor: pointer;
    height: 24px;
    width: 48px;
    border-radius: 2px;
    background: rgba(165, 177, 209, 0.10);
    color: #4475FF;
}
.sch_hight {
    flex-wrap: wrap;
}
.reset_btn {
    margin-left: 0;
}
.load_btn {
    cursor: pointer;
}
.person_left {
    width: 210px;
    flex-shrink: 0;
    border-right: 1px solid #ebebeb;
}
.person_right {
    flex: 1;
    overflow: auto;
}
.mr_header {
    padding: 0 20px;
    border-bottom: 1px solid #ebebeb;
    height: 69px;
}
.person_header {
    padding: 0 20px;
    flex-shrink: 0;
    height: 69px;
    border-bottom: 1px solid #ebebeb;
}
.person_title {
    font-size: 16px;
    font-weight: bold;
}

.person_center {
    padding: 20px 20px 0;
    overflow-y: auto;
}

.person_job {
    overflow-y: auto;
}

.per_tab {
    justify-content: center;
}
.per_tab li {
    height: 69px;
    line-height: 69px;
    padding: 0 10px;
    position: relative;
    font-size: 16px;
    color: #616c85;
    cursor: pointer;
}
.per_tab li::after {
    transform: scaleX(0);
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    border-top: 2px solid #4475ff;
    transition: all 0.3s;
}
.per_tab li.active {
    color: #17233d;
}
.per_tab li.active::after {
    transform: scaleX(1);
}

.person_btn {
    padding: 20px;
}
.custom-tree-node {
    height: 48px;
}
.tree_title {
    font-size: 14px;
    color: #17233d;
    margin-left: 10px;
}
.part_right {
    position: absolute;
    right: 10px;
    display: none;
}

.mt_border {
    border-bottom: 1px solid #ebebeb;
}
.source_video {
    width: 100px;
    height: 147px;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    cursor: pointer;
}
.source_img {
    display: block;
    width: 100px;
    height: 147px;
}
.source_play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.source_cashen {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 14px;
    color: #fe6262;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
}
.source_info {
    margin-left: 12px;
    height: 147px;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    padding: 12px;
    border-radius: 2px;
}
.source_name {
    font-size: 13px;
    line-height: 18px;
    height: 36px;
    color: #17233d;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.source_tag {
    font-size: 12px;
    line-height: 18px;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
    color: #616c85;
}
.source_text {
    font-size: 12px;
    line-height: 18px;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
    color: #b4b7bd;
}
.mt_p {
    margin: 10px 0;
}
.set_svg {
    cursor: pointer;
}
.source_box {
    padding: 12px 20px 0;
}
.source_tyle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    border-radius: 0px 2px;
}
.parent_num {
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    background: rgba(165, 177, 209, 0.08) !important;
    border-radius: 2px;
    border: 1px solid rgba(165, 177, 209, 0.08) !important;
    color: #4475ff !important;
}
.circle_mt {
    width: 4px;
    height: 4px;
    background-color: #616c85;
    border-radius: 50%;
}

.ana_tips {
    height: 32px;
    background: rgba(68, 117, 255, 0.05);
    border-radius: 4px;
    margin: 12px 20px 0 20px;
    padding: 0 20px;
}
.mt_push_status {
    margin-left: 6px;
}
.mt_green {
    color: #00c271;
}
.mt_yellow {
    color: #ffa944;
}
.mt_red {
    color: #fe6262;
}
</style>

<style>
.source_table.com_table.el-table th {
    padding: 3px 0;
}
.source_table .el-table__body tr.hover-row > td {
    background-color: unset !important;
}
.part_tree .el-tree-node__content {
    height: 48px;
    position: relative;
}
.part_tree .el-tree-node__expand-icon {
    color: #616c85;
    margin-left: 15px;
}
.part_tree .el-tree-node__expand-icon.is-leaf {
    color: transparent;
}
.part_tree .el-tree-node__content:hover {
    background-color: #f6f8ff;
}
.source_table .el-table__fixed-right::before,
.source_table .el-table__fixed::before {
    display: none;
}
.is_me .el-radio-button--mini .el-radio-button__inner {
    padding: 5px 15px;
}
.mt_quetion {
    font-size: 14px;
}
.material_select.el-select .el-input .el-input__inner {
    border-color: #f7f9ff;
    background-color: #f7f9ff;
    padding-left: 44px;
}
.material_select.el-select .el-input__prefix {
    display: flex;
    align-items: center;
    left: 12px;
}
.tag_content {
    margin-top: 4px;
}
.tag_type_text {
    font-size: 12px;
    line-height: 20px;
    padding: 0 8px;
    margin-right: 4px;
}
.tag_type_blue {
    color: #4980ff;
    background: rgba(22, 93, 255, 0.05);
}
.tag_type_green {
    color: #00c271;
    background: rgba(0, 194, 113, 0.1);
}
.tag_type_red {
    color: #e98d8d;
    background: rgba(194, 23, 0, 0.06);
}
/* .tag_type_blue{
    color: #4980FF;
    background: rgba(22, 93, 255, 0.05);
} */
</style>


